Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 全局禁用ng-animate,然后启用某些元素大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
使用Angular 1.5.3,是否可以全局禁用ng-animate,然后在某些元素上有选择地启用它?

我有一个指令(ng-animate-enabled)用于在容器div和它的子节点上启用ng-animate.

如果我通过$animate.enabled(false)全局禁用控制器中的ng-animate,即使我通过上面提到的指令专门启用动画,动画也不再有效.

这个jsfiddle说明了这个问题.

谢谢!

解决方法

最简单的方法是使用 $animateProvider.classNameFilter().这使您可以根据HTML类(或更具体地说,针对类检查的正则表达式)为某些元素选择性地启用ngAnimate.这消除了为启用ngAnimate提供特定指令的需要,并且可以为您的应用程序提供显着的性能提升.在你的情况下,我会这样做:

// Note that that the function takes a regular expression,not a String!
// Don't put quotes around it,use forWARD slashes!
$animateProvider.classNameFilter(/ng-animate-enabled/);

这将为具有ng-animate-enabled类的任何元素启用ngAnimate.

有关更多信息,我建议您阅读有关该主题Ben Nadel’s blog post.

大佬总结

以上是大佬教程为你收集整理的angularjs – 全局禁用ng-animate,然后启用某些元素全部内容,希望文章能够帮你解决angularjs – 全局禁用ng-animate,然后启用某些元素所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。