將ngAnimate與Angular-Formly（ngHide / ngShow）一起使用

Question

我正在嘗試使用ngAnimate來平滑在正式生成的頁面上的隱藏/顯示過渡。 但是，似乎ng-animate鈎子似乎沒有在元素中添加添加/刪除css類。 元素仍會按預期隱藏和顯示，但不會像非正規示例“ 非正規JSBin”那樣淡入或淡出

這是正式的JSBin樣本

如果有人遇到這個問題或對如何使其按預期工作有任何想法，將不勝感激。

正式的bin已更新，以反映以下答案

Answer 1

一些問題。 首先，您正式使用的jsbin並未添加ngAnimate作為依賴項。 同樣，angular-formly使用ng-hide顯示/隱藏字段，而不是ng-show 。 如果要使用ng-show ，請使用hide-directive屬性， 例如this 。

或者，您可以只更改動畫css以與ng-if 。 祝好運！