表達(dá)式
常用指令
1. ng-app
ng-app指令: 指定當(dāng)前標(biāo)簽為跟標(biāo)簽舵盈,在一個(gè)頁(yè)面中只能有一個(gè)跟標(biāo)簽
功能:代碼在執(zhí)行到該指令時(shí),會(huì)初始化整個(gè)angular程序
一般加載到body或html標(biāo)簽上锐墙,只能出現(xiàn)一次
app:聲明angular應(yīng)用程序的范圍
2.ng-init
通常使用ng-init來(lái)初始化定義一些變量,如果需要定義多個(gè)變量,則變量之間使用分號(hào)分割
一般情況下滥比,在init指令中定義的變量都是靜態(tài)變量,在頁(yè)面加載時(shí)就需要確定值做院,非常不方便盲泛,所以日常開(kāi)發(fā)中,我們會(huì)在控制器中定義變量键耕,并把值傳進(jìn)來(lái)
{{}}:兩個(gè)花括號(hào)嵌套寺滚,中間可以寫(xiě)表達(dá)式,所有js的表達(dá)式都可以寫(xiě)在這里執(zhí)行
3.ng-repeat
使用ng-repeat指令遍歷數(shù)組屈雄、對(duì)象的值
如果需要遍歷 得到屬性村视、對(duì)象的下標(biāo)、屬性名酒奶,則需要在in操作符前使用小括號(hào)包裹兩個(gè)變量蚁孔,這樣第一個(gè)變量中存放的就是下標(biāo)、屬性名惋嚎;第二個(gè)變量中存放的就是元素杠氢、屬性值
ng-repeat指令的使用場(chǎng)景:常用來(lái)解析json數(shù)據(jù),并把數(shù)據(jù)展示在頁(yè)面中另伍,json轉(zhuǎn)成對(duì)象
4.ng-class
class指令:是給標(biāo)簽添加class值鼻百,一般給該指令賦值,要么是保存了字符串的變量摆尝,要么是字符串温艇,
使用場(chǎng)景:經(jīng)常使用class指令來(lái)設(shè)置預(yù)定義樣式
5.ng-click
6.ng-mouseover
7.ng-focus / ng-blur
8.ng-style
9.ng-model
10.ng-bind
11.ng-if
12. ng-show / ng-hidden
注意:如果使用兩個(gè)radio按鈕,會(huì)有問(wèn)題堕汞。
13.ng-disable
14.ng-href / ng-src
15.ng-include
創(chuàng)建一個(gè) common.html頁(yè)面勺爱,寫(xiě)一段代碼片段,
ng-include:導(dǎo)入頁(yè)面公用部分讯检,代碼片段邻寿,必須在服務(wù)器打開(kāi)
<div ng-include="'common.html'"></div>
16.ng-cloak
可以解決頁(yè)面閃動(dòng)問(wèn)題蝎土;一般加在最外面標(biāo)簽即可