使用具有Angular-Formly的ngAnimate(ngHide / ngShow)

时间:2015-12-01 00:45:27

标签: javascript angularjs ng-animate angular-formly

我正在尝试使用ngAnimate来平滑生成页面上的隐藏/显示转换。但是,ng-animate挂钩似乎没有向元素添加add / remove css类。该元素仍然隐藏并按预期显示但不会像非形式示例Non-Formly JSBin

一样淡入或淡出

以下是形式为Formly JSBin

的示例

如果有人遇到过这个问题,或者对如何让它按预期工作有任何想法,我们将不胜感激。

表格上的垃圾箱已经更新,以反映下面的答案

1 个答案:

答案 0 :(得分:2)

一些问题。首先,你的jsbin使用formly并没有添加ngAnimate作为依赖。此外,角度形式使用ng-hide来显示/隐藏字段,而不是ng-show。如果您想使用ng-show,请使用hide-directive属性like this

或者您可以更改动画css以使用ng-if。祝你好运!