欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

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

一句話總結(jié)：

     $rootScope針對(duì)全局的作用域生效

     $scope只針對(duì)當(dāng)前的controller作用域生效

用下面的例子來(lái)證明上述的說(shuō)法：

定義一個(gè)模塊名為myApp

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

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

oneController傳入$scope和$rootScope

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

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

twoController只傳入$scope

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

HTML標(biāo)簽內(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>

顯示的結(jié)果

總結(jié)

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

相關(guān)文章

最新評(píng)論