AngularJS指令嵌套时link函数执行顺序的问题

简介:

今天研究指令嵌套时,发现子指令的link函数先于父指令的link函数执行

这样和预想的顺序不一样。

也就是说,如果子指令的某个scope变量依赖于父指令传来的参数时,可能一直是undefinded比如:

APP.directive("子指令", function () {
return {
scope: {
变量A:"=父指令的参数"
},
restrict: 'A',
replace: false,
link: function (scope, elem, attr) {
scope.变量B=scope.变量A;//变量量B其实永远是undefinded,因为Link先于父指令的Link执行,
//导致此时子指令还没有得到父指令传来的参数值。

}
}
});

怎么办呢?用scope.watch解决吧。

 

});


本文转自Kai的世界,道法自然博客园博客,原文链接:http://www.cnblogs.com/kaima/p/angularjs_directive_nested.html,如需转载请自行联系原作者。

目录
相关文章
|
前端开发 JavaScript
angularJS中ng-class指令的三种实现方式
angularJS中ng-class指令的三种实现方式
73 0
angular21-关于指令标准属性
angular21-关于指令标准属性
60 0
angular21-关于指令标准属性
|
JavaScript 数据安全/隐私保护 索引
Angular最新教程-第十四节 指令 结构型指令 属性型指令 自定义指令
Angular最新教程-第十四节 指令 结构型指令 属性型指令 自定义指令
156 0
Angular最新教程-第十四节 指令 结构型指令 属性型指令 自定义指令
|
JavaScript 前端开发
Angular routerLink指令的href属性生成逻辑
Angular routerLink指令的href属性生成逻辑
185 0
Angular routerLink指令的href属性生成逻辑
|
JavaScript 网络架构
2020国庆节 Angular structual 指令学习笔记(<ng-template>) 包含语法糖解糖过程
2020国庆节 Angular structual 指令学习笔记(<ng-template>) 包含语法糖解糖过程
137 0
2020国庆节 Angular structual 指令学习笔记(<ng-template>) 包含语法糖解糖过程
|
JSON 数据格式
Angular 条件指令 ngIf 的一个例子
Angular 条件指令 ngIf 的一个例子
101 0
Angular 条件指令 ngIf 的一个例子
|
JavaScript 前端开发