gpt4 book ai didi

javascript - 为什么ng-class在 Angular Directive(指令)中被多次调用?

转载 作者:技术小花猫 更新时间:2023-10-29 12:33:35 24 4
gpt4 key购买 nike

<分区>

我不知道为什么要调用几次。

<!doctype html>
<html ng-app="HelloApp">
<body>
<test-directive></test-directive>
</body>
</html>

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

控制台结果是

link
test 1
test 2
test 3

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

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com