成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

angularjs 指令scope中“=”、“@”、“&”的區(qū)別

joyvw / 3392人閱讀

HTML


    
Parent Scope

     // Update to see how parent scope interacts with component scope    
    


    
    
        
Attribute

        

            get: {{isolatedAttributeFoo}}
        

        

            set: 
            // This does not update the parent scope.
            

            set: 
            // This does not update the parent scope.
        

        
Binding

        

            get: {{isolatedBindingFoo}}
        

        

            set: 
            // This does update the parent scope.
            
        

        
Expression
    
        

            
            
            // And this calls a function on the parent scope.

JS

var myModule = angular.module("myModule", [])
    .directive("myComponent", function () {
        return {
            restrict:"E",
            scope:{
                /* NOTE: Normally I would set my attributes and bindings
                to be the same name but I wanted to delineate between 
                parent and isolated scope. */ 
                isolatedBindingString:"@attributeString",
                isolatedAttributeFoo:"@attributeFoo",
                isolatedBindingFoo:"=bindingFoo",
                isolatedExpressionFoo:"&"
            }        
        };
    })
    .controller("MyCtrl", ["$scope", function ($scope) {
        $scope.foo = "Hello!";
        $scope.updateFoo = function (newFoo) {
            $scope.foo = newFoo;
        }
    }]);

代碼和效果地址

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/50694.html

相關文章

  • angularjs 指令scope中“=”、“@”、“&”的區(qū)別

    HTML Parent Scope // Update to see how parent scope interacts with component scope Attribute get: {{isolatedAttributeFoo}} ...

    call_me_R 評論0 收藏0

  • 淺談AngularJS模板

    摘要：這使得許多人并未真正了解的模板，而認為只是提供了一堆內(nèi)置指令并可用于文件。是個對于模板很重要的指令，它是基本的條件表達，滿足條件時則存在，不滿足則不存在。則是另一重要指令，能循環(huán)創(chuàng)建。 showImg(http://segmentfault.com/img/bVcJtv); 作為最流行的MVVM（Model-View-View-Model）框架之一，相信大部分前端對AngularJS...

    fredshare 評論0 收藏0

  • angularJS directive用法詳解

    摘要：可選參數(shù)，布爾值或者對象默認值為，可能取值默認值。布爾值或者字符，默認值為這個配置選項可以讓我們提取包含在指令那個元素里面的內(nèi)容，再將它放置在指令模板的特定位置。 前言 最近學習了下angularjs指令的相關知識，也參考了前人的一些文章，在此總結下。 歡迎批評指出錯誤的地方。 Angularjs指令定義的API showImg(https://segmentfault.com/img...

    hlcc 評論0 收藏0

  • 創(chuàng)建自定義指令

    摘要：我們通常通過其區(qū)分大小寫的規(guī)范化名稱例如，來定義指令。在其目前的實現(xiàn)上，我們應該需要去創(chuàng)建一些不同點控制器用來重用這個指令。如此，綁定是理想的將回調(diào)函數(shù)綁定到指令行為。這被指令調(diào)用指明。前綴表示該指令在其父元素上搜索控制 文檔翻譯至angularjs.org. 文檔解釋了您何時想在AngularJS應用程序中創(chuàng)建自己的指令，以及如何實現(xiàn)它們。 | 建議搭配原文食用 | 什么是指令？ 在...

    zzbo 評論0 收藏0

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

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

    AndroidTraveler 評論0 收藏0

發(fā)表評論

0條評論

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