Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度1.2.x ng隐藏和ng显示css转换_Javascript_Css_Angularjs_Ng Animate - Fatal编程技术网

Javascript 角度1.2.x ng隐藏和ng显示css转换

Javascript 角度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

我已经阅读了这方面的各种文档和操作网站,但无论我做什么,我都无法获得显示css转换的div

<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;
}