游客
标题:Scope在AngularJS里的地位 - $rootScope和child scope怎么相互访问
正文:
Scope是AngularJS里的一个很重要的概念，简单的说它就是用来保存AngularJS Model们的对象，是Model们温暖的小家～那这个小家是什么时候造的呢？<html ng-app="mainApp"></html>我们知道，ng-app是一个应用启动AngularJS的入口点，在这里也会创建一个root scope，在controller里可以通过$rootScope调到，每个应用只能有一个root scope（当然了～root嘛～），但它会有多个child scope，那啥时候会创建child scope呢？<html ng-app="mainApp"> <body ng-controller="MainCtrl"> <div ng-controller="SubCtrl" ng-include src=" 'template.html' "> </div> <ul> <li ng-repeat="item in items">{{item.name}}</li> </ul> </body></html>在上面的例子里，ng-controller ng-include ng-repeat都创建了新的child scope（ng-repeat是对每一个重复的元素都创建了新的child scope），他们之间的父子关系是这样的：包含关系即是他们的父子关系，子scope是可以访问父scope上绑定的所有model和function的。AngularJS会给scope对应的dom添加叫ng-scope的class，如果我们给自己的应用加这样一个css~.ng-scope {border: 2px dotted red;}通过红色的虚线边框我们也可以看出来大概scope的范围，但注意，并不是所有的ng-scope都是新的scope，有些ng-scope类名对应的dom共享的是同一个scope。细心的童鞋可能注意到，ng-controller="SubCtrl"和
[<<][[1]][2][>>]
查看评论(0)
发表评论
首页