Javascript 角度1.2.x ng隐藏和ng显示css转换
我已经阅读了这方面的各种文档和操作网站,但无论我做什么,我都无法获得显示css转换的divJavascript 角度1.2.x ng隐藏和ng显示css转换,javascript,css,angularjs,ng-animate,Javascript,Css,Angularjs,Ng Animate,我已经阅读了这方面的各种文档和操作网站,但无论我做什么,我都无法获得显示css转换的div <div class="row reveal-animation" ng-show="partneradd.showEntitlements"> <div class="col-md-6"> <fieldset> <legend>Entitlements</legend> stuff </fiel
<div class="row reveal-animation" ng-show="partneradd.showEntitlements">
<div class="col-md-6">
<fieldset>
<legend>Entitlements</legend>
stuff
</fieldset>
</div>
</div>
但什么都没有。我做错了什么
编辑:我确实加载了ng animate模块,并将其注入到我的应用程序中。js希望它能帮助您,您只需在hide and show上添加一个类,就像单击此处一样
<div class="row reveal-animation"
ng-class="{'foo':!partneradd.showEntitlements }" ng-show="partneradd.showEntitlements">
myDiv先生{
宽度:400px;
高度:200px;
背景色:红色;
-webkit转换:1s线性;
/*仅更改不透明度的步骤*/
/*-webkit转换:不透明度1s线性*/
-moz跃迁:1s线性;
-o-转变:1s线性;
过渡:1s线性;
不透明度:1;
}
傅先生{
背景颜色:蓝色;
不透明度:0;
}
单击我来更改课程
ng show正在使用ng hide类查看其他信息和支持的类:
.reveal-animation {
-webkit-transition: 1s all linear;
transition:all linear 1s;
opacity:1;
}
.reveal-animation.ng-hide {
opacity: 0;
}
也许我不知道Angular是如何工作的,但我在标记中没有看到任何.ng enter或.ng enter活动类。动画服务将自动将两个CSS类应用于动画元素,这两个CSS类旨在包含开始和结束CSS样式。CSS转换和关键帧动画都受支持,可用于与此命名结构一起播放。这样做是可行的,但我读到的所有内容都表明,ng animate模块处理该类分配不应该是必需的。不是吗?同样,在我的例子中,我需要连接到现有的show/hide事件和angular用来隐藏和显示东西的css。
.reveal-animation {
-webkit-transition: 1s all linear;
transition:all linear 1s;
opacity:1;
}
.reveal-animation.ng-hide {
opacity: 0;
}