anagularJs指令的controller，link，compile有什么不同

发布时间：2020-12-17 10:39:32 所属栏目：安全来源：网络整理

导读：div class="cnblogs_code" /directives.js增加exampleDirective phonecatDirectives.directive('exampleDirective', 'E' ' Hello {{number}}! ' = $scope.number + "22222 " = scope.number + "33333 " = scope.number + "44444 " = scope.number + "55555 "

/directives.js增加exampleDirective  
phonecatDirectives.directive('exampleDirective','E''Hello {{number}}!
'= $scope.number + "22222 "= scope.number + "33333 "= scope.number + "44444 "= scope.number + "55555 "<span style="color: #008000">//<span style="color: #008000">controller.js添加  

dtControllers.controller('directive2',['$scope'<span style="color: #000000">,<span style="color: #0000ff">function<span style="color: #000000">($scope) {

$scope.number = '1111 '<span style="color: #000000">;

}

]);  
<span style="color: #008000">//<span style="color: #008000">html  

<body ng-app="phonecatApp">

<div ng-controller="directive2">

运行结果：

Hello 1111 22222 44444 55555 !

由结果可以看出来，controller先运行，compile后运行，link不运行。

将上例中的compile注释掉

运行结果：

Hello 1111 22222 33333 !

由结果可以看出来，controller先运行，link后运行，link和compile不兼容。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!