将 ngAnimate 与 Angular-Formly (ngHide/ngShow) 结合使用

Use ngAnimate with Angular-Formly (ngHide/ngShow)

我正在尝试使用 ngAnimate 来平滑正式生成的页面上的 hide/show 过渡。但是,ng-animate 挂钩似乎没有将 add/remove css 类 添加到元素中。该元素仍按预期隐藏和显示,但不会像非形式示例那样淡入或淡出 Non-Formly JSBin

这里是示例 Formly JSBin

如果有人 运行 对此感兴趣或对如何使其按预期工作有任何想法,我们将不胜感激。

formly bin 已更新以反映以下答案

几个问题。首先,您使用 formly 的 jsbin 没有添加 ngAnimate 作为依赖项。此外,angular-formly 使用 ng-hide 到 show/hide 字段,而不是 ng-show。如果你想让它使用 ng-show,请使用 hide-directive attribute like this.

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