最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

詳解Angular.js指令中scope類型的幾種特殊情況

 更新時間:2017年02月21日 08:44:48   作者:xishiyi7  
AngularJs最重要也是最難理解的模塊之一就是它的指令(directive)了,自定義指令配置有很多個參數(shù),下面這篇文章主要介紹了關(guān)于Angular.js指令中scope類型的幾種特殊情況,需要的朋友可以參考下。

前言

大家都知道在默認(rèn)情況下,指令應(yīng)該訪問父作用域.如果我們對指令暴露了父控制器的scope,那么指令就可以自由的修改scope屬性.在一些情況下,你的指令可能想要添加一些只有內(nèi)部可以使用的屬性和函數(shù),如果我們都在父作用域中完成,可能會污染了父作用域,因此,我們有以下兩種選擇:

使用父作用域-如果不需要操作父作用域?qū)傩?不需要一個新的作用域,可以直接使用父作用域

scope:false

一個子作用域-這個作用域會原型繼承父作用域

scope:true

一個隔離的作用域-一個全新的、不繼承、獨(dú)立存在的作用域

scope:{}

作用域可以由指令定義對象中的scope屬性定義,下面是關(guān)于scope屬性的一些說明:

指令中的scope常見的類型

=

  1. '=',用于子作用域與父作用域雙向綁定.使用這種方法可以將一個實(shí)際的作用域模型賦值給一個屬性,而不是一個普通的字符串.效果是你可以傳遞復(fù)雜的數(shù)據(jù)模型,例如數(shù)組/對象等到隔離作用域.父作用域或者子作用域?qū)傩园l(fā)生了改變,會相應(yīng)影響對方.
  2. '=?',這種情況可以避免父作用域?qū)傩灾胁淮嬖诋?dāng)前屬性情況,避免拋出異常.--'If the parent scope property doesn't exist, it will throw a NON_ASSIGNABLE_MODEL_EXPRESSION exception. You can avoid this behavior using `=?` or `=?attr` in order to flag the property as optional.'
  3. '=*',If you want to shallow watch for changes (i.e. $watchCollection instead of $watch) you can use `=*` or `=*attr` (`=*?` or `=*?attr` if the property is optional).

&

  1. '&',用于執(zhí)行父作用域中的函數(shù).

@

  1. '@',進(jìn)行單項(xiàng)文本綁定.使用這種方法可以將字符串傳遞到屬性,當(dāng)父作用域?qū)傩园l(fā)生變化時,隔離作用域模型也發(fā)生變化.然而,反之則不成立!你不能通過操縱隔離作用域來改變父作用域.

總結(jié)

以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。

相關(guān)文章

  • Angularjs基礎(chǔ)知識及示例匯總

    Angularjs基礎(chǔ)知識及示例匯總

    本文給大家總結(jié)了一些angularjs的基礎(chǔ)知識及相關(guān)示例,分享給大家,希望能對大家有所幫助。
    2015-01-01
  • AngularJs 常用的過濾器

    AngularJs 常用的過濾器

    本篇文章主要介紹了AngularJs常用的過濾器。具有很好的參考價值。下面跟著小編一起來看下吧
    2017-05-05
  • 深入理解Angular.JS中的Scope繼承

    深入理解Angular.JS中的Scope繼承

    這篇文章主要給大家深入的介紹了關(guān)于Angular.JS中Scope繼承的相關(guān)資料,Angular。JS中scope之間的繼承關(guān)系使用JavaScript的原型繼承方式實(shí)現(xiàn),文中介紹的非常詳細(xì),對大家具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起看看吧。
    2017-06-06
  • 詳解Angular5 服務(wù)端渲染實(shí)戰(zhàn)

    詳解Angular5 服務(wù)端渲染實(shí)戰(zhàn)

    本篇文章主要介紹了詳解Angular5 服務(wù)端渲染實(shí)戰(zhàn),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-01-01
  • angularJs使用$watch和$filter過濾器制作搜索篩選實(shí)例

    angularJs使用$watch和$filter過濾器制作搜索篩選實(shí)例

    本篇文章主要介紹了angularJs使用$watch和$filter過濾器制作搜索篩選實(shí)例,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-06-06
  • 對angular2中的ngfor和ngif指令嵌套實(shí)例講解

    對angular2中的ngfor和ngif指令嵌套實(shí)例講解

    今天小編就為大家分享一篇對angular2中的ngfor和ngif指令嵌套實(shí)例講解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-09-09
  • AngularJS實(shí)時獲取并顯示密碼的方法

    AngularJS實(shí)時獲取并顯示密碼的方法

    這篇文章主要介紹了AngularJS實(shí)時獲取并顯示密碼的方法,涉及AngularJS數(shù)據(jù)綁定及顯示相關(guān)操作技巧,需要的朋友可以參考下
    2018-02-02
  • ng-alain的sf如何自定義部件的流程

    ng-alain的sf如何自定義部件的流程

    這篇文章主要介紹了ng-alain的sf如何自定義部件,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-06-06
  • 全面解析Angular中$Apply()及$Digest()的區(qū)別

    全面解析Angular中$Apply()及$Digest()的區(qū)別

    $apply()和$digest()在AngularJS中是兩個核心概念,但是有時候它們又讓人困惑。這篇文章主要介紹了Angular中$Apply()及$Digest()區(qū)別詳細(xì)說明的相關(guān)資料,需要的朋友可以參考下
    2016-08-08
  • AngularJS $http模塊POST請求實(shí)現(xiàn)

    AngularJS $http模塊POST請求實(shí)現(xiàn)

    本篇文章主要介紹了AngularJS $http模塊POST請求實(shí)現(xiàn),這里整理了詳細(xì)的代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-04-04

最新評論

上林县| 修水县| 阜平县| 潞西市| 武乡县| 新沂市| 凌海市| 上饶市| 广德县| 孟州市| 沈丘县| 汨罗市| 平昌县| 凤庆县| 开平市| 论坛| 沙雅县| 泰来县| 酉阳| 唐海县| 武山县| 汉源县| 武陟县| 丹东市| 祁连县| 高唐县| 辛集市| 申扎县| 井冈山市| 方城县| 新安县| 武邑县| 桂林市| 泊头市| 隆回县| 棋牌| 石城县| 湘西| 庄浪县| 乐清市| 甘洛县|