首页 > 代码库 > angularjs培训之Scope嵌套

angularjs培训之Scope嵌套

    每部分的angularjs应用都有一个父scope(但是ng-app对应的是$rootScope,这个scope是终极scope),除了isolate scope,所有的scope都是通过原型继承来创建,也就是说可以访问它的父的scope.如果你对OOP比较熟悉,这种行为你看起来就比较熟悉了。

    每次html渲染属性和方法是,会从当前的scope中寻找,如果没有找到,就从他的父scope中寻找,直到检索到$rootScope中,如果还没有找到就会报错。


下面看个例子:   

<DIV ng-controller="parentController">

parent:{{parent}} <br>

parent --> child : {{child}}

<div ng-controller="childController">

child : {{child}} <br>

child --> parent : {{parent}}

</div>

</DIV> 


controller中的定义如下:

var app = angular.module(‘demo‘,[]);

app.controller(‘parentController‘,  function($scope){

$scope.parent =‘parentString‘

});

app.controller(‘childController‘,  function($scope){

$scope.child = ‘childString‘

});


自己跑一下代码啊,不要偷懒啊!

从运行结果上来看,子scope中可以直接访问父scope中的方法。如果在你的应用场景中,如果是公共的属性就可以定义到父scope中。

好了,拜拜,下次见!

本文出自 “Eason's hcc” 博客,请务必保留此出处http://hcc0926.blog.51cto.com/172833/1559742

angularjs培训之Scope嵌套