Use ngAnimate with Angular-Formly (ngHide/ngShow)

Use ngAnimate with Angular-Formly (ngHide/ngShow)

本文关键字:ngShow ngHide ngAnimate with Angular-Formly Use      更新时间:2023-09-26

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

这是formly formly JSBin 的样品

如果有人遇到过这种情况,或者对如何使其按预期运行有任何想法,我们将不胜感激。

formly bin已更新,以反映下方的答案

一些问题。首先,使用formly的jsbin并没有添加ngAnimate作为依赖项。此外,angular形式上使用ng-hide来显示/隐藏字段,而不是ng-show。如果要使其使用ng-show,请使用类似这样的hide指令属性。

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