Анимационная высота элемента на основе содержимого внутри angularJS

Question

Я пытаюсь анимировать высоту, уменьшающуюся и увеличивающуюся на основе содержимого внутри элемента, используя ng-if.Проблема в том, что с nganimate я не могу заставить анимацию работать вообще.Это простой пример.

<div>
     <div ng-if="this">
         Small text
     </div>
     <div ng-if="that">
          <p>Reall long text that can</p>
          <p>be several lines long</p>
     </div>
</div>

Answer 1

Вы можете использовать ng-class, чтобы сделать это

<div>
     <div ng-class="{small: if-Your-condition-True}">
         Small text
     </div>
     <div ng-class="{big: if-Your-condition-True}">
          <p>Reall long text that can</p>
          <p>be several lines long</p>
     </div>
</div>

в этом методе вы можете создать анимацию