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

Question

我正在尝试使用 ngAnimate 来平滑正式生成的页面上的隐藏/显示过渡。但是，ng-animate 钩子(Hook)似乎并未将添加/删除 css 类添加到元素中。该元素仍然按预期隐藏和显示，但不会像非正式示例 Non-Formly JSBin 那样淡入或淡出。

这里是格式为 Formly JSBin 的示例

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

正式的垃圾箱已更新以反射(reflect)以下答案

Answer 1

一些问题。首先，您使用 formly 的 jsbin 没有添加 ngAnimate 作为依赖项。另外，Angular-formly 使用 ng-hide 来显示/隐藏字段，而不是 ng-show 。如果您想让它使用 ng-show，请使用 hide-directive属性 like this .

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