angular中的作用域是什么-創(chuàng)新互聯(lián)

今天就跟大家聊聊有關(guān)angular中的作用域是什么，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比梁溪網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式梁溪網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋梁溪地區(qū)。費用合理售后完善，10多年實體公司更值得信賴。

1、$rootscope

$rootScope頂級作用域，也叫根作用域，類似于window，window的屬性在任何子作用域都可以訪問。$rootScope則是所有controller進行數(shù)據(jù)溝通的中間域，即在$rootScope中的數(shù)據(jù)，在每個controller中都能通過$rootScope.xxx獲取到。

2、$scope

(1)作用

$scope 就在視圖和控制器之間建立了一個橋梁,基于作用域視圖在修改數(shù)據(jù)時會立刻更新 $scope,同樣的 $scope 發(fā)生改變時也會立刻重新渲染視圖.每個控制器controller對應(yīng)一個$scope，通過為其屬性賦值,可以傳遞數(shù)據(jù)給模板渲染.

(2)生命周期

創(chuàng)建：在創(chuàng)建控制器或指令時，AngularJS會用$injector創(chuàng)建一個新的作用域，并在這個新建的控制器或指令運行時將作用域傳遞進去。

鏈接：當(dāng)Angular開始運行時，所有的$scope對象都會附加或者鏈接到視圖中。所有創(chuàng)建$scope對象的函數(shù)也會將自身附加到視圖中。這些作用域?qū)援?dāng)Angular應(yīng)用上下文中發(fā)生變化時需要運行的函數(shù)。這些函數(shù)被稱為$watch函數(shù)，Angular通過這些函數(shù)獲知何時啟動事件循環(huán)。

更新：當(dāng)事件循環(huán)運行時，它通常執(zhí)行在頂層$scope對象上（被稱作$rootScope），每個子作用域都執(zhí)行自己的臟值檢測。每個監(jiān)控函數(shù)都會檢查變化。如果檢測到任意變化，$scope對象就會觸發(fā)指定的回調(diào)函數(shù)。
銷毀：當(dāng)一個$scope在視圖中不再需要時，這個作用域?qū)謇砗弯N毀自己。盡管永遠不會需要清理作用域（因為Angular會為你處理），但是知道是誰創(chuàng)建了這個作用域還是有用的，因為你可以使用這個$scope上叫做$destory()的方法來清理這個作用域。

3、原型繼承

scope是AngularJS中的作用域(其實就是存儲數(shù)據(jù)的地方)，很類似JavaScript的原型鏈 。搜索的時候，優(yōu)先找自己的scope，如果沒有找到就沿著作用域鏈向上搜索，直至到達根作用域rootScope。

<!DOCTYPE html>
          <html>
          <head>
           <title></title>
          </head>
          <body ng-app="myApp">
          <div ng-controller="parentController">
            {{name}}
            <div ng-controller="sonController">
              {{name}}
            </div>
          </body>
          <script type="text/javascript" src="./angular.min.js"></script>
          <script>
            var parentController=function($scope){
              $scope.name="parent";
            }
            var sonController=function($scope){
              console.log($scope.name);//parent
            }
            parentController.$injector=["$scope"];
            sonController.$injector=["$scope"];
            angular.module("myApp",[])
            .controller("parentController",parentController)
            .controller("sonController",sonController)
          </script>
          </html>

首先子控制器在自己的作用域內(nèi)查找name屬性，沒找到，向父控制器找。

補充一點，如何在子控制器中修改父控制器中$scope的值，可見如下：

$scope.$parent.name="son";在子控制器中$scope.$parent就表示父控制器中的$scope,然后修改其值即可。

4、$new

$scope.$new(isolated，parent);用于定義scope的child scope

1）參數(shù)：isolated，是否是隔離的。如果值是true，那么這個scope不會從父scope繼承原型。作用域是獨立的，在這里不能看見父scope的屬性。如果值為false，則繼承自父（可以訪問父scope的所有成員），默認為false!

parent  用于指定創(chuàng)建的子scope的父scope，如果沒有此參數(shù)，則父scope為調(diào)用當(dāng)前$new方法的$scope

  var myController=function($scope){
    $scope.data="hello!"
    var scope1=$scope.$new(false,$scope);
    console.log(scope1.data); //hello! scope1繼承了$scope,所以可以訪問到data
    var scope2=$scope.$new(true,$scope); 
    console.log(scope2.data);// undefined 第一個參數(shù)為true，表示是隔離的，無法繼承，自己又沒有，故為undefined
  }
  myController.$injector=["$scope"];
  angular.module("myApp",[])
  .controller("myController",myController)

看完上述內(nèi)容，你們對angular中的作用域是什么有進一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道，感謝大家的支持。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站muchs.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)站名稱：angular中的作用域是什么-創(chuàng)新互聯(lián)
網(wǎng)站網(wǎng)址：http://muchs.cn/article20/coedco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、網(wǎng)站制作、企業(yè)建站、面包屑導(dǎo)航、網(wǎng)站改版、網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都做網(wǎng)站