Javascript angularjs重新启动css动画

我正在使用angularjs，每次更改模型属性时，我都会尝试触发动画。 我的控制器：

function myCtrl($scope) {
    $scope.data.counter = 0;
    $scope.addCount = function() {
        $scope.data.counter ++;
    };

}

我的html：

<div ng-controller="myCtrl">
    <button ng-click="addCount()">add count</button>
    <div class="bgimage"></div>
</div>

我希望每次“计数”改变时，“bgimage”元素都是“脉冲”的

---

有什么想法吗

从元素中删除并添加pulse类，以便再次为其设置动画。

我使用JS动画和基于计数器变量的动画做了一些工作。您可以根据需要扩展该示例。我猜你只想脉动一次（在动画中使用“两者”）

---

您还可以选择CSS关键帧动画，如所述

如何？我应该用指令吗？？如何将其与AngularJS集成？这可以通过

showThing=false$超时（（）=>{showThing=true；}，1）

，然后在视图中使用该变量并显示

ng

，然后将一些动画应用到相应的类（请参阅）谢谢！如果我快速单击按钮，即在上一个动画完成之前，有没有办法从头开始重新启动动画？

.bgimage {
      background-image: url('../images/a.png');
      background-position: right;
      background-size: 16px 14px;
      width: 16px;
      height: 14px;
}
.bgimage.pulse {
    -webkit-animation: pulse 1s both;
    -moz-animation: pulse 1s both;
    -o-animation: pulse 1s both;
    animation: pulse 1s both;
}