国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

AngularJS scope 學習

levius / 2307人閱讀

摘要：訪問對象中從父類繼承的對象時都會去訪問原型鏈。因為此處中混合用了，也會產(chǎn)生自己的，因此有和。在和兩種情況下會分別產(chǎn)生，是兩個不同的，號不同。

本文主要是學習別人的文章和回答之后的總結(jié)，此處給出鏈接深入學習AngularJS Scope

JavaScript原型繼承簡介
AngularJs中是雙向數(shù)據(jù)綁定，但并不是每次修改都會產(chǎn)生相應的效果，有些時候傳基礎類型的值就有可能存在這種情況。JavaScript本身應該也會存在這種情況的，先挖個坑，待我好好學學JavaScript之后再來填。

上圖是JavaScript的原型繼承圖，子類會繼承父類的屬性，讀子類從父類繼承的屬性的值時會去訪問原型鏈，也就是一層一層向上直到找到父類中的屬性。但是如果直接給子類中基礎類型的屬性賦值的話不會訪問原型鏈，也就是會在子類中建一個同名的新屬性，再次訪問時父類中的屬性就不會被訪問到了。訪問對象中從父類繼承的對象時都會去訪問原型鏈。

childScope.aString === "parent string" //true 訪問了原型鏈
childScope.aNumber === 100 //true 訪問了原型鏈

childScope.aNumber = 20 //不訪問原型鏈，子類中將增加一個新屬性，值為20
childScope.aString = "child string" //不訪問原型鏈，子類中將增加一個新的屬性，值為 child string
childScope.anArray[2] = 100 //訪問了原型鏈，父類中的anArray對象中第三個值被修改

AngularJS中ng-repeat、ng-switch和ng-include測試

    
    
    
        
        
        
        
        
        
    
    
        
    var TestScopeModule = angular.module("TestScopeModule", []);
    
    TestScopeModule.controller("TestScopeCtrl",["$scope",function ($scope) {
        $scope.list1 = ["value1","value2", "value3"];
        $scope.list2 = [{text : "value1"},{text : "value2"},{text : "value3"}];
        $scope.showScope = function (e) {
            console.log(angular.element(e.srcElement).scope());
        };
        $scope.loginData = false;
        $scope.parent = {};
        $scope.parent.loginData = false;
        $scope.login = function () {
            $scope.loginData = true;
        };
        $scope.logout = function () {
            $scope.loginData = false;
        };
        $scope.login1 = function () {
            $scope.parent.loginData = true;
        };
        $scope.logout1 = function () {
            $scope.parent.loginData = false;
        };    
    }])

以上是一小段測試代碼，分別測試了ng-repeat、ng-switch和ng-include，代碼中標出了測試結(jié)果，也就是子scope和父scope的范圍。

parent scope中的屬性和值

第一個ng-repeat中第一個child scope，scope中有自己的item屬性和值，此處由于是基本的數(shù)據(jù)類型，改變值時不會訪問原型鏈，因此和parent scope中的值不一樣。ng-repeat會產(chǎn)生多個child scope，并且每個child scope中都會有自己的item屬性。

第二個ng-repeat中第一個child scope,scope中有自己的item屬性和值，此處item是對象，因此改變item對象中的value時會先去訪問原型鏈，因此和parent scope中的值一樣

ngswitch 產(chǎn)生的child scope，可以看到$parent中是parent scope。因為此處ngswitch中混合用了nginclude，nginclude也會產(chǎn)生自己的scope，因此有childHead和childTail。ngswitch在true和false兩種情況下會分別產(chǎn)生scope，是兩個不同的scope，id號不同。

這是ngswitch中nginclude產(chǎn)生的child scope，可以看到$parent的$id是12，也就是ngswitch產(chǎn)生的scope的id。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/80965.html

相關文章

  • Angularjs學習筆記指令

    摘要：自定義指令中有很多內(nèi)置指令，一般都是以開頭的比如等等。本文介紹的自定義指令的用法。該參數(shù)的意思是替換指令的內(nèi)容，更改上面的例子。將屬性綁定到父控制器的域中學習概念多指令中的參數(shù)中增加了的值和的點擊函數(shù)。 自定義指令 angularjs中有很多內(nèi)置指令，一般都是以ng開頭的；比如：ng-app,ng-click,ng-repeat等等。本文介紹angularjs的自定義指令的用法。 指令...

    LeexMuller 評論0 收藏0

  • Angularjs學習筆記指令

    摘要：自定義指令中有很多內(nèi)置指令，一般都是以開頭的比如等等。本文介紹的自定義指令的用法。該參數(shù)的意思是替換指令的內(nèi)容，更改上面的例子。將屬性綁定到父控制器的域中學習概念多指令中的參數(shù)中增加了的值和的點擊函數(shù)。 自定義指令 angularjs中有很多內(nèi)置指令，一般都是以ng開頭的；比如：ng-app,ng-click,ng-repeat等等。本文介紹angularjs的自定義指令的用法。 指令...

    Cristic 評論0 收藏0

  • AngularJS學習筆記(2) --- 指令參數(shù)和scope綁定策略

    摘要：引言指令可以說是的核心，而其開發(fā)也是比較困難的，本文主要介紹指令的一些參數(shù)和的綁定策略。指令執(zhí)行的優(yōu)先級，用于多個指令同時作用于同一個元素時。改變父會影響指令，而改變指令不會影響父。在父和指令之間建立雙向綁定。 引言 指令(Directive)可以說是 AngularJS 的核心，而其開發(fā)也是比較困難的，本文主要介紹指令的一些參數(shù)和scope的綁定策略。 參數(shù) 從 AngularJS ...

    AndroidTraveler 評論0 收藏0

  • 理解和學習AngularJS（一）

    摘要：為指令賦值函數(shù)名，即可運行。它也是一個對象，指向應用程序作用域內(nèi)的所有元素和執(zhí)行上下文。簡而言之，是與指令元素相關聯(lián)的當前作用域，可以理解為視圖和控制器間的一個通道。它們被組織為模塊形式，之后可以被另一個引用。 Angularjs Angular是一款主旋律的MVVM框架，框架和傳統(tǒng)的庫不同： 類庫是一些函數(shù)的集合，它能幫助你寫WEB應用。起主導作用的是你的代碼，由你來決定何時使用類...

    EastWoodYang 評論0 收藏0

  • angularjs學習筆記—指令input

    摘要：新增的日期選擇器。類型必填必填最小長度最大長度正則匹配正則匹配更新觸發(fā)即使沒有使用校驗屬性，只要數(shù)據(jù)不符合格式，就會被更新成。 input[text] input一般和ngModel結(jié)合使用來實現(xiàn)雙向綁定，同時angular提供了很多表單校驗的指令 required 必填 ngRequired 必填（ngRequired可以控制是否是必填校驗） ngMinlength 最小長度...

    princekin 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<