angularjs - 根据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>

标签： angularjsng-animate

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>

在这种方法中，您可以创建动画