一句話總結：
$rootScope針對全局的作用域生效
$scope只針對當前的controller作用域生效
用下面的例子來證明上述的說法：
定義一個模塊名為myApp
var myApp = angular.module('myApp', []);創建oneController和twoController這兩個controller
oneController傳入$scope和$rootScope
myApp.controller('oneController', ['$scope', '$rootScope', function ($scope, $rootScope) { // 局部的變量，只有在oneController中才會顯示 $scope.one_language = 'Python'; // 全局的變量，都可以調用 $rootScope.language = 'Go';}]);twoController只傳入$scope
myApp.controller('twoController', ['$scope', function ($scope) { // 局部的變量，只有在twoController中才會顯示 $scope.two_language = 'Java';}]);HTML標簽內容
<span ng-app="myApp"> <style> div{margin-top: 15px;border: 2px solid rebeccapurple;width: 400px;} </style> <div> <h3>我是全局變量language: {{ language}}</h3> </div> <div ng-controller="oneController"> <h3>我是one_language局部變量: {{ one_language}}</h3> </div> <div ng-controller="twoController"> <h1>twoController</h1> <h3>我是two_language局部變量: {{ two_language }}</h3> <h3>我是one_language局部變量: {{ one_language}}</h3> <h3>我是全局變量language: {{ language }}</h3> </div></span>顯示的結果
總結
以上就是這篇文章的全部內容，請仔細看看上面的代碼，這有助于你理解。如果有疑問大家可以留言交流，謝謝大家對武林網的支持。
新聞熱點
疑難解答
