Angularjs 能否在angular 1.4.8中设置ng show/ng hide的动画?

Angularjs 能否在angular 1.4.8中设置ng show/ng hide的动画?,angularjs,Angularjs,我目前正在为我的ng重复设置ng enter、ng LEVE的动画,但ng show/hide的动画效果如何?也有这样的类吗?用于ng hide和ng show的等价类是.ng hide add和.ng hide remove。此外,如果需要,还可以使用.ng hide add active和.ng hide remove active设置样式并单独控制这些状态 根据Angularjs docs for和,当它处于活动状态时,您可以使用相同的类对两者进行动画制作,以使用其各自的事件(添加或删除)

我目前正在为我的ng重复设置ng enter、ng LEVE的动画,但ng show/hide的动画效果如何?也有这样的类吗?

用于
ng hide
ng show
的等价类是
.ng hide add
.ng hide remove
。此外,如果需要,还可以使用
.ng hide add active
.ng hide remove active
设置样式并单独控制这些状态

根据Angularjs docs for和,当它处于活动状态时,您可以使用相同的类对两者进行动画制作,以使用其各自的事件(添加或删除)生成动画

下面的示例使用此功能实现了一个简单的
淡入
淡出
按钮

观察确保在索引页中包含
angular animate.js
,并添加
ngAnimate
模块作为主模块(或子模块,如果是独立模块、库等上的指令)的依赖项,如:
angular.module('myApp',['ngAnimate'])

angular.module('myApp',['ngAnimate']))
.controller('myController',函数($scope,$interval){
$scope.show=true;
$interval(函数(){$scope.show=!$scope.show;},1000);
});
angular.element(文档).ready(函数(){
引导(文档,['myApp']);
});
.my-element.ng-hide{
不透明度:0;
}
.my-element.ng-hide-add,
.my-element.ng-hide-remove{
/* 
设置动画
弄乱房屋等
*/
过渡:所有线性1;
}
.my-element.ng-hide-add-active,
.my-element.ng-hide-remove-active{
/*在转换期间设置状态*/
显示:内联块!重要;
}

显示:{{show}
显示

对于
ng hide
ng show
的等价类是
.ng hide add
.ng hide remove
。此外,如果需要,还可以使用
.ng hide add active
.ng hide remove active
设置样式并单独控制这些状态

根据Angularjs docs for和,当它处于活动状态时,您可以使用相同的类对两者进行动画制作,以使用其各自的事件(添加或删除)生成动画

下面的示例使用此功能实现了一个简单的
淡入
淡出
按钮

观察确保在索引页中包含
angular animate.js
,并添加
ngAnimate
模块作为主模块(或子模块,如果是独立模块、库等上的指令)的依赖项,如:
angular.module('myApp',['ngAnimate'])

angular.module('myApp',['ngAnimate']))
.controller('myController',函数($scope,$interval){
$scope.show=true;
$interval(函数(){$scope.show=!$scope.show;},1000);
});
angular.element(文档).ready(函数(){
引导(文档,['myApp']);
});
.my-element.ng-hide{
不透明度:0;
}
.my-element.ng-hide-add,
.my-element.ng-hide-remove{
/* 
设置动画
弄乱房屋等
*/
过渡:所有线性1;
}
.my-element.ng-hide-add-active,
.my-element.ng-hide-remove-active{
/*在转换期间设置状态*/
显示:内联块!重要;
}

显示:{{show}
显示