角度动画ng-src更改

Question

我有角度指示，只是改变图像，我想在img改变时动画。但我不知道该怎么做。我的指示是：<​​/ p>

'user strict';
angular.module('app')
    .directive('card', function ($timeout) {
        return {
            restrict: 'E',
            replace: true,
            template: '<img class="animated {{anim}}" ng-src="./img/cards/{{cardid}}.png"/>',
            scope: {
                cardid: '@'
            },
            link: function (scope, elm, attrs) {
                scope.$watch('cardid', function (value) {
                    scope.anim = 'cardAnim';
                    $timeout(function () {
                        scope.anim = '';
                    }, 1000);
                });
            }
        };
    });

我100％确定我的班级.cardAnim正常工作。因为当我手动通过浏览器添加这个类时，一切正常。而且我也看到这个类被添加到元素中但没有发生任何事情：（