我的任务是为我公司的应用程序制作一个Angular组件，出于可访问性的原因，该组件将提供停止应用程序中任何和所有动画的切换。
请注意，我没有进入每个应用程序并修改它们的代码的奢侈；我正在尝试创建一个组件，无论他们如何编码，都可以停止动画。
通常，这些应用程序没有太多动画，但可以是旋转木马、CSS、SVG(包括D3图表(的形式。
我似乎找不到一个简单地迫使所有这些都停止使用Javascript的解决方案，尽管似乎有一些可访问性小部件声称可以做到这一点。
我只能在网上找到如何停止动画的例子，如果我是第一个创建动画的人。
我意识到他们有很多方法可以创建动画，没有一种方法可以阻止他们，但也许我可以用几种不同的方式攻击他们？
正如@Eliso在评论中提到的，您可以使用@.disabled绑定来禁用动画，但它会禁用CSS转换。要禁用CSS转换，您可以使用相同的ng animate禁用类来禁用所有元素转换
在style.scss中添加此项
.ng-animate-disabled *{
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
样品工作示例
参考