AngularJS 第一天

表達(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)簽即可

17.ng-controller

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市绣否,隨后出現(xiàn)的幾起案子誊涯,更是在濱河造成了極大的恐慌,老刑警劉巖蒜撮,帶你破解...
    沈念sama閱讀 219,188評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件暴构,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡段磨,警方通過(guò)查閱死者的電腦和手機(jī)取逾,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)苹支,“玉大人砾隅,你說(shuō)我怎么就攤上這事≌郏” “怎么了晴埂?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,562評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)寻定。 經(jīng)常有香客問(wèn)我儒洛,道長(zhǎng),這世上最難降的妖魔是什么狼速? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,893評(píng)論 1 295
  • 正文 為了忘掉前任琅锻,我火速辦了婚禮,結(jié)果婚禮上向胡,老公的妹妹穿的比我還像新娘恼蓬。我一直安慰自己,他們只是感情好僵芹,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,917評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布滚秩。 她就那樣靜靜地躺著,像睡著了一般淮捆。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上本股,一...
    開(kāi)封第一講書(shū)人閱讀 51,708評(píng)論 1 305
  • 那天攀痊,我揣著相機(jī)與錄音,去河邊找鬼拄显。 笑死苟径,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的躬审。 我是一名探鬼主播棘街,決...
    沈念sama閱讀 40,430評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼蟆盐,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了遭殉?” 一聲冷哼從身側(cè)響起石挂,我...
    開(kāi)封第一講書(shū)人閱讀 39,342評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎险污,沒(méi)想到半個(gè)月后痹愚,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,801評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蛔糯,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,976評(píng)論 3 337
  • 正文 我和宋清朗相戀三年拯腮,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蚁飒。...
    茶點(diǎn)故事閱讀 40,115評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡动壤,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出淮逻,到底是詐尸還是另有隱情琼懊,我是刑警寧澤,帶...
    沈念sama閱讀 35,804評(píng)論 5 346
  • 正文 年R本政府宣布弦蹂,位于F島的核電站肩碟,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏凸椿。R本人自食惡果不足惜削祈,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,458評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望脑漫。 院中可真熱鬧髓抑,春花似錦、人聲如沸优幸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,008評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)网杆。三九已至羹饰,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間碳却,已是汗流浹背队秩。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,135評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留昼浦,地道東北人馍资。 一個(gè)月前我還...
    沈念sama閱讀 48,365評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像关噪,于是被迫代替她去往敵國(guó)和親鸟蟹。 傳聞我的和親對(duì)象是個(gè)殘疾皇子乌妙,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,055評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容