<强> ng-controller是为应用变量添加控制器
当有两个控制器的父亲,孩子且在父亲内,那孩子可以称为子控制器,它将继承父控制器父亲的scope.child就可以访问到父亲的范围中的所有函数和变量。
<>强例:
& lt; div ng-controller=案盖住痹?
& lt; div祝辞name1: {{name1}} & lt;/div>
& lt; div ng-controller="孩子"祝辞name2: {{name2}} & lt;/div>
& lt;/div>
app.controller(“父亲”,函数(范围){
美元scope.name1=" x ";
美元scope.name2=" y ";
});
<强>页面显示结果:
name1: x
name2: y
app.controller(“孩子”,函数(范围){
美元scope.name1=癮”;
美元scope.name2=癰”;
});
<强>页面显示结果:
name1:
name2: b:
app.controller(“父亲”,函数(范围){
如果(scope.name1美元){
美元scope.name1 +=?”;
console.log ($ scope.name1);
其他}{
$ scope.name1=癅”;
console.log ($ scope.name1);
}
如果(scope.name2美元){
美元scope.name2 +=" # ";
console.log ($ scope.name2);
其他}{
美元scope.name2=" $ ";
console.log ($ scope.name2);
}
console.log(“父亲”);
});
app.controller(“孩子”,函数(范围){
如果(scope.name1美元){
美元scope.name1 +=?”;
console.log ($ scope.name1);
其他}{
$ scope.name1=癪”;
console.log ($ scope.name1);
}
如果(scope.name2美元){
美元scope.name2 +=昂汀?
console.log ($ scope.name2);
其他}{
美元scope.name2=?”;
console.log ($ scope.name2);
}
console.log(“子”);
});
之前
<>强控制台打印结果:
@
美元
父亲
@ %
美元,
孩子
<强>页面显示结果:
name1: @
name2: $,
可以看出name1的页面显示结果与控制台打印结果不一致
父级控制器先执行而子级控制器后执行。父级和子级控制器都可对父级下范围作用域进行访问操作,但当子级控制器尝试处理父级作用域内,子级作用域外的数据则可能会导致父级中的数据变脏。
以上这篇基于角中ng-controller父子级嵌套的相关属性详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
