标签:
一、$rootScope和$scope
AngularJS在启动并生成视图时,会将根ng-app元素同$rootScope进行绑定。$rootScope是所有$scope对象的最上层。
$rootScope是Angular中接近全局作用域的对象。$scope在Angular中充当数据模型,在视图与控制器之间充当桥梁的作用。
以$rootScope的方式:
<!doctype html> <html> <head> <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script> </head> <body> <div ng-app="myApp"> <h1>Hello {{ name }}!</h1> </div> <script type="text/javascript" src="controller.js"></script> </body> </html> controller.js: angular.module("myApp",[]).run(function($rootScope){ $rootScope.name=‘word‘; })
以$scope的方式:
<div ng-app="myApp"> <div ng-controller="mycontroler"> <h1>Hello {{ name }}!</h1> </div> </div> <script type="text/javascript" src="controller.js"></script> controller.js: angular.module("myApp",[]).controller(‘mycontroler‘,function($scope){ $scope.name=‘scope word‘; })
注意:ng-controller指令附加到一个DOM元素上,会为这个DOM元素创建一个新的$scope对象,并将它嵌入到$rootScope对象中.
二、$scope对象的生命周期
标签:
原文地址:http://www.cnblogs.com/Two-2Yang/p/5502780.html