Angular.js指令中scope類型的特殊情況有哪些

這篇文章主要介紹了Angular.js指令中scope類型的特殊情況有哪些，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

前言

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

使用父作用域-如果不需要操作父作用域屬性,不需要一個新的作用域,可以直接使用父作用域

scope:false

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

scope:true

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

scope:{}

作用域可以由指令定義對象中的scope屬性定義，下面是關于scope屬性的一些說明：

指令中的scope常見的類型

=

1. '=',用于子作用域與父作用域雙向綁定.使用這種方法可以將一個實際的作用域模型賦值給一個屬性,而不是一個普通的字符串.效果是你可以傳遞復雜的數據模型,例如數組/對象等到隔離作用域.父作用域或者子作用域屬性發生了改變,會相應影響對方.

2. '=?',這種情況可以避免父作用域屬性中不存在當前屬性情況,避免拋出異常.--'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. '&',用于執行父作用域中的函數.
   

@

1. '@',進行單項文本綁定.使用這種方法可以將字符串傳遞到屬性,當父作用域屬性發生變化時,隔離作用域模型也發生變化.然而,反之則不成立!你不能通過操縱隔離作用域來改變父作用域.

感謝你能夠認真閱讀完這篇文章，希望小編分享的“Angular.js指令中scope類型的特殊情況有哪些”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!