Use ngAnimate with Angular-Formly (ngHide/ngShow)
Use ngAnimate with Angular-Formly (ngHide/ngShow)
我正在尝试使用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
。祝你好运
相关文章:
- 无法使用ngShow为自定义指令制作动画
- AngularJS NgIf 或 NgHide 如果另一个元素不存在或隐藏
- ngHide 指令仅在页面刷新后与 ngRoute 模块一起使用
- Angularjs 自定义指令 ngShow 不会触发
- 如何使用AngularJS ngShow指令仅在元素位于数组中时显示
- Use ngAnimate with Angular-Formly (ngHide/ngShow)
- AngularJS:NgShow评估集合中的对象属性
- Angular 101: ngShow using object属性不起作用
- AngularJS - ngShow/ngSwitch/ngIf -两个元素闪烁
- AngularJS & Firebase auth ngShow and ngClick delay?
- Angular, ui-router:如何从指令模板中获取ngShow
- AngularJS ngShow and focus
- 使用ngshow改进AngularJS视图更新
- 当push到object/array时,ngShow不会更新
- 如何在不满足条件时使用ngShow/ngHide隐藏DOM元素
- angular的ngShow动画不起作用
- ng在nghide上制作动画;对我来说不起作用
- 当使用自定义指令时,ngShow不能按预期工作
- AngularJS为所有条目切换ngShow
- ngShow 未按预期工作超时