- ng-app 掛載主模塊
- ng-bind和 {{}} 等價于 v-text 和 {{}} 其中可以為表達式
- ng-controller 掛載控制器
- ng-init 初始化變量(不常用),格式為ng-init="hello=123;name='你好'",優(yōu)先度高于js中的設(shè)置
- ng-cloak 防止應(yīng)用加載時的閃爍
- ng-model 等價于 v-model
- ng-repeat 等價于 v-for
- ng-repeat="item in ages track by $index",
如果不加track by $index,則ages數(shù)組中有相同項時會報錯
- ng-repeat中存在$first,$last等,可以配合ng-if表示循環(huán)表中第一個/最后一個是否顯示
- ng-src 等價于 :src (都需要用{{ }},但是ng-src會等其中內(nèi)容有值后再做請求,而src會先作出一次無效的請求,因此ng-src更好)
- ng-include 引入另一html作為模板
- ng-disabled='' 為true時表單控件變?yōu)椴豢捎?如ng-disabled='form.$invalid')
- ng-readonly
- ng-hide=''/ng-show='' 類似于v-show
- ng-if='' 類似于v-if
- 注意哪廓，ng-if的元素或其子元素標簽內(nèi)的ng-click事件荧库，對其本身ng-if判斷條件字段的改變無法生效，此時應(yīng)用ng-show代替晶密，例如：
<div ng-if="hello">
<div ng-click="hello = false"></div>
</div>
- ng-href 代替a標簽的href
- ng-checked 用于設(shè)置checkbox或radio,為true時選中。(不同于ng-model,選中不會影響其值,只是單向的影響)
- ng-class 用于給 HTML 元素動態(tài)綁定一個或多個 CSS 類,其值可以是字符串川背，對象速缆，或一個數(shù)組窘奏。
- 如果是字符串，多個類名使用空格分隔右蒲。
- 如果是對象阀湿，需要使用 key-value 對，key 為你想要添加的類名瑰妄，value 是一個布爾值陷嘴。只有在 value 為 true 時類才會被添加。
- 如果是數(shù)組间坐，可以由字符串或?qū)ο蠼M合組成灾挨，數(shù)組的元素可以是字符串或?qū)ο蟆?/li>
- ng-switch 一系列對應(yīng)指令
<div ng-switch="myVar">
<div ng-switch-when="runoob">
<h1>菜鳥教程</h1>
<p>歡迎訪問菜鳥教程</p>
</div>
<div ng-switch-when="google">
<h1>Google</h1>
<p>歡迎訪問Google</p>
</div>
<div ng-switch-when="taobao">
<h1>淘寶</h1>
<p>歡迎訪問淘寶</p>
</div>
<div ng-switch-default>
<h1>切換</h1>
<p>選擇不同選項顯示對應(yīng)的值。</p>
</div>
</div>
事件
- ng-blur
- ng-focus
- ng-change 不同于onchange,不需要focus到其他元素就能觸發(fā)
- ng-click ='btnClick()'
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
