angularjs中scope與rootscope 區別

1，js代碼

代碼如下	複製代碼
phonecatApp.controller('TestCtrl',['$scope','$rootScope', function($scope,$rootScope) { $rootScope.name = 'this is test'; } ]); phonecatApp.controller('Test111Ctrl',['$scope','$rootScope', function($scope,$rootScope) { $scope.name = $rootScope.name; } ]);

2，html代碼

代碼如下	複製代碼
<div ng-controller="TestCtrl"> Iset the global variable.<strong>{{$root.name}}</strong> </div> <div ng-controller="Test111Ctrl"> 1,get global variable .<strong>{{name}}</strong><br> 2,get global variable .<strong>{{$root.name}}</strong> </div>www.111cn.net

3，顯示結果

代碼如下	複製代碼
I set the global variable.this is test 1,get global variable .this is test 2,get global variable .this is test

由結果可以看出來，$rootScope.name設定的變數，在所有controller裡面都是可以直接用{{$root.name}}來顯示的，很強大。那當然也可以賦值給scope.