avalon綁定屬性總結


$model(所有非$屬性),$event(事件對象)

1、作用域圈定

ms-controller:按着就近原則自下而上掃描DOM樹

ms-important:僅掃描本節點及之下作為掃描區

ms-skip:使綁定失效

2、ms-duplex雙向綁定屬性:除了綁定(VM同步數據到V)數據到DOM節點中,還會偷偷在節點上綁定一個監聽事件,當節點數據發生變化時,及時把V中的數據同步到VM中

(1)text,password,textarea要求綁定值為一個字符串(ms-duplex-text)

(2)radio:綁定為boolean(ms-duplex-boolean)

(3)checkbox:綁定為數組(ms-duplex-string)

(4)select:綁定為字符串或者數組(ms-duplex-string)

后邊是ms-duplex2.0綁定屬性

 

3、ms-visible:類似toggle,表達式為true顯示,通過把display設置為block或者none顯示或隱藏

 

4、插入移除處理ms-if:添加節點元素顯示元素,設置<!--ms-if-->注釋隱藏節點(刪除節點)

 

5、數據緩存ms-data-*,保存對象或者數組使用ms-data(綁定在DOM節點對象上而不是作為屬性),保存在節點上,顯示時處理返回,綁定為data-*屬性

 

6、屬性操作ms-class(class),ms-duplex(value),ms-attr,ms-href,ms-src

    boolean屬性:ms-attr-disabled,ms-attr-readonly,ms-attr-selected,ms-attr-checked

    字符串固有屬性:ms-attr-id,ms-attr-name,ms-attr-title,ms-src,ms-href

    自定義屬性:ms-attr-data-url,ms-attr-data-id

      

     ms-class:   ms-class='active'  ms-class='active:isOk'

     ms-active,ms-hover

 

7、ms-duplex2.0

     ms-duplex-string,ms-duplex-number,ms-duplex-checked,ms-duplex-boolean,ms-data-duplex

     輔助data-duplex-focus,data-duplex-changed,data-duplex-event

 

8、樣式操作:ms-css(內聯),ms-class(外部引入)

<button ms-click="toggle" ms-css-width="100">顯示</button> <span ms-if="flag">{{message}}</span>

9、事件綁定:ms-on-eventName,ms-eventName

    ms-mouseenter,ms-mouseleave(僅作用於被選元素),ms-input(ms-on-input),多事件綁定順序與自然數無關,與事件順序有關

10、循環操作
    ms-each-遍歷臨時變量(在父級元素上綁定)

    ms-repeat-遍歷臨時變量(在子元素上綁定)

    ms-with-遍歷臨時變量(在父級元素上綁定)

    數組:el默認臨時變量,$index當前元素的索引,$first是否為第一個元素boolean,$last,$remove返回一個function刪除當前元素,$outer內層循環外層循環變量

    哈希(對象):$key鍵名,$val鍵值,$outer    ($outer.$index)

<ul>  <li ms-repeat-e="data">{{e}}</li> </ul> <ul ms-each-e="data">  <li>{{e}}</li> </ul>

修改對象的鍵值:

修改對象的鍵值對:

修改數組的值:數組對象.set(下標,值)

修改數組中對象值:數組對象[下標].鍵名 = 鍵值;

 

遍歷回調函數(屬性)

data-each-rendered

data-with-rendered

data-repeat-rendered

data-with-sorted

 

循環時使用size計算數據長度,而不是length,使用ms-if-loop而不是ms-if,因為ms-if優先於ms-repeat執行

 

11、模版引用

 

12、屬性監聽

 

13、模塊通信


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM