Angular学习(三)之作用域

来源:互联网 发布:开淘宝店卖什么好 编辑:程序博客网 时间:2024/05/17 21:07

1.如何理解Scope
(1)Scope 是AngularJS MVC中的Model(模型)。
(2)Scope 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。
(3)Scope 是一个 JavaScript 对象,带有属性和方法,这些属性和方法可以在视图和控制器中使用。

2.如何使用Scope
(1)当你在 AngularJS 创建控制器时,你可以将 $scope 对象当作一个参数($rootScope也可以,分开作为两个参数)传递:
(2)当在控制器中添加 $scope 对象时,视图 (HTML) 可以获取了这些属性。
(3)视图中,你不需要添加 $scope 前缀, 只需要添加属性名即可,如: {{carname}}。

3.$scope作用域
(1)$scope就是一个普通的javascript对象;
(2)$scope 对象可嵌套;
(3)$scope 继承类似javascript的原型的继承,查找时向上查找;
(4)$scope 作用域的树形结构类似于相应的DOM结构;

4.$rootScope作用域(唯一的)
 (1)$rootscope是一个特殊的$scope,可以作用在 ng-app 指令包含的所有 HTML 元素中;
(2)$rootScope 可作用于整个应用中。是各个 controller 中 scope 的桥梁。用 rootscope 定义的值,可以在各个 controller 中使用。

原创粉丝点击