Question

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

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

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

_this.limit = 5;

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

此处的最终结果是点击时数字会递增。

当函数递增时，我想引起戏剧性的注意，可能会更改数字颜色，大小，小麦。

Answer 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