是否可以打开和关闭折叠指令动画?

时间:2014-07-31 12:53:41

标签: angularjs angular-ui-bootstrap

我在应用程序中有许多collapse指令,我希望能够单独打开和关闭动画(“强制”打开或关闭它们),具体取决于具体的状态。我查看了源代码,无法看到我能够在哪里挂钩指令来实现这一点。或者我错过了一些明显的东西?

目前我能看到的唯一解决方案是复制整个指令并修改link函数以允许监视第二个属性,以确定是否使用动画。

1 个答案:

答案 0 :(得分:0)

AFAIK,角度动画基于CSS过渡,因此您可以通过向元素添加一些CSS属性来禁用动画。

可以像这样定义一个noanimate类:

.noanimate {
  transition: none !important;
}

然后,当您要禁用/启用动画时,可以向元素添加/删除noanimate类。

希望这有帮助。