在数字增量上触发 Angular JS 中的动画？答案

【问题标题】：Triggering an animation in angular JS on number increment?在数字增量上触发 Angular JS 中的动画？
【发布时间】：2015-07-16 02:57:32
【问题描述】：

我有一个带有绑定变量的 div：

<i class="fa fa-check"></i> {{packages.limit}} Packages received

我的控制器中有一个功能，除其他外，增加“限制”

_this.limit = 5;

  _this.addPackage = function() {
     ...
    _this.limit++;
  };

这里的最终结果是点击次数增加。

当函数递增时，我想引起对这个数字的极大关注，它可能会改变数字颜色、大小、wheatver。

【问题讨论】：

【解决方案1】：

我不确定这是否是您要查找的内容....为您的增量添加超时并使用 ng-if 进行动画处理。

$scope.addPackage = function() {
  $scope.wait = 0;
  $timeout(function() {$scope.wait=1; $scope.packages.limit++}, 500);
};

还有 ng-if...

<span class="limit" ng-if="wait===1">{{packages.limit}}</span> Packages received

【讨论】：