亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

AnjularJS中$scope和$rootScope的區(qū)別小結

 更新時間：2016年09月18日 10:40:31   投稿：daisy  
這篇文章給大家整理了關于AnjularJS中$scope和$rootScope的區(qū)別，文中運用實例代碼介紹的很詳細，有需要的朋友們可以參考借鑒，下面來一起看看吧。

一句話總結：

     $rootScope針對全局的作用域生效

     $scope只針對當前的controller作用域生效

用下面的例子來證明上述的說法：

定義一個模塊名為myApp

var myApp = angular.module('myApp', []);

創(chuàng)建oneController和twoController這兩個controller

oneController傳入$scope和$rootScope

myApp.controller('oneController', ['$scope', '$rootScope', function ($scope, $rootScope) {
 // 局部的變量，只有在oneController中才會顯示
 $scope.one_language = 'Python';

 // 全局的變量，都可以調(diào)用
 $rootScope.language = 'Go';
}]);

twoController只傳入$scope

myApp.controller('twoController', ['$scope', function ($scope) {
 // 局部的變量，只有在twoController中才會顯示
 $scope.two_language = 'Java';
}]);

HTML標簽內(nèi)容

<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>

顯示的結果

總結

以上就是這篇文章的全部內(nèi)容，請仔細看看上面的代碼，這有助于你理解。如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

相關文章

最新評論