将 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
一起使用。祝你好运!
我正在尝试使用 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
一起使用。祝你好运!