Используйте ngAnimate с Angular-Formly (ngHide/ngShow)

Question

Я пытаюсь использовать ngAnimate, чтобы сгладить переходы скрытия / отображения на сгенерированной странице. Однако, похоже, что хуки ng-animate добавляют классы add / remove css к элементу. Элемент все еще скрывается и отображается, как и ожидалось, но не исчезает и не исчезает, как неформальный пример Non-Formly JSBin

Вот образец с Формли Формли JSBin

Если кто-то столкнулся с этим или имеет какие-либо идеи о том, как заставить его работать как положено, это будет высоко ценится.

Формальная корзина была обновлена, чтобы отразить ответ ниже

Answer 1

Несколько проблем. Во-первых, ваш jsbin, использующий formly, не добавлял ngAnimate как зависимость. Кроме того, угловатые формы ng-hide показать / скрыть поля, а не ng-show, Если вы хотите использовать его ng-show, используйте атрибут hide-directive следующим образом.

Или вы можете просто изменить анимацию CSS для работы с ng-if, Удачи!