【问题标题】: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。

【问题讨论】:

    标签: angularjs animation css-animations


    【解决方案1】:

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

    http://plnkr.co/edit/WZohcGaOM2mXRMJQ0MXj?p=preview

    $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
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-06-26
      • 1970-01-01
      • 2020-05-09
      • 1970-01-01
      • 2021-07-12
      • 2020-07-24
      • 1970-01-01
      相关资源
      最近更新 更多