为什么在角度指令中多次调用ng-class？

我不知道为什么会多次调用它.

  



angular.module('HelloApp', [])
.directive('testDirective', function () {
    return {
        restrict: 'E',
        replacement: true,
        template: '
Test Directive
',
        link : function (scope, element, attrs) {
            console.log('link');
            var cnt = 0;
            scope.test = function () {
                cnt += 1;
                console.log('test', cnt);
                //element.append('
test' + cnt + '
');
            }
        }
    }
});

控制台结果是

link
test 1
test 2
test 3

这是JSFIDDLE:http://jsfiddle.net/yh9V5/ 打开链接并查看console.log