如何突出显示从一个对象移动到另一个对象的文本

Question

你好，我有一个简单的问题 - 当我将 unshift/push 从选择列表移动到另一个列表时如何突出显示项目？

例如更改为蓝色 1 秒。

Answer 1

使用 enter animation hook with the ng-repeat directive. For more information, see AngularJS ng-repeat Directive API Reference - Animations.

CSS

.animate-repeat.ng-enter {
  color: blue;
  transition: all 1s;
}

HTML

  <ul class="example-animate-container">
    <li class="animate-repeat" ng-repeat="friend in friends | filter:q as results">
      [{{$index + 1}}] {{friend.name}} who is {{friend.age}} years old.
    </li>
  </ul>

DEMO on PLNKR