Angular之指令

? ? angular中指令大致可以理解為一種組件芥颈,它具有dom元素,也具有自身的事件處理赚抡,還可以與外部其他進(jìn)行通信爬坑。下面我們說一下整個(gè)指令的構(gòu)成。

? ?name可選的參數(shù)涂臣,指令的名稱盾计。priority優(yōu)先級(jí)售担,在dom中包含多個(gè)指令的時(shí)候,優(yōu)先級(jí)的高低是在compile函數(shù)執(zhí)行之前的排序署辉,高優(yōu)先級(jí)則先編譯執(zhí)行族铆,但是相同優(yōu)先級(jí)并沒有規(guī)定先后。teminal終端哭尝,如果設(shè)置為true那么將會(huì)在dom的指令集合中最后被執(zhí)行哥攘。template字符串或著函數(shù)返回一個(gè)構(gòu)成dom的字符串。replace設(shè)置為true后template將會(huì)替代掉自定義的標(biāo)簽材鹦。templateUrl返回一個(gè)代表html段逝淹,transclude大致理解為將指令包裹的元素放到指令模版的特定位置。

? ?scope代表指令的作用域桶唐,設(shè)置為false代表繼承父作用域栅葡,跟隨父親的值改變;設(shè)置為true表示繼承父作用域并且創(chuàng)建自己的作用域尤泽,跟隨父親的值改變但是自己的改變不影響父親的值欣簇;設(shè)置為對(duì)象的時(shí)候,表示創(chuàng)建一個(gè)獨(dú)立的隔離的作用域坯约,父作用域的值與子作用域的值互不影響熊咽,但是可以通過相關(guān)策略去訪問父作用域的值:@字符串單向綁定父作用域的值,=字符串雙向綁定父作用域的值鬼店,&函數(shù)名綁定父作用域的方法网棍。

? ?controller可以是字符串也可以是個(gè)函數(shù),字符串的時(shí)候?qū)⒆址鳛榭刂破鞯拿指局牵绻莻€(gè)函數(shù)滥玷,需要注意一些特殊的服務(wù),$scope與指令元素相關(guān)聯(lián)的作用域巍棱,$element當(dāng)前指令對(duì)應(yīng)的元素惑畴,$attrs當(dāng)前元素屬性組成的對(duì)象,$transclude嵌入鏈接函數(shù)航徙,實(shí)際被執(zhí)行用來克隆或者操作dom中的函數(shù)如贷。指令的控制器和link函數(shù)可以進(jìn)行互換,區(qū)別在于到踏,控制器主要用來提供可在指令間復(fù)用的行為杠袱,可對(duì)外提供與外部交互的接口,link只能在當(dāng)前指令內(nèi)定義行為窝稿。controllerAs作為controller別名楣富。

? ?require字符串或者數(shù)組,字符串代表另一個(gè)指令的名字伴榔,require的參數(shù)值纹蝴,沒有前綴會(huì)在自身提供的控制器中查找庄萎,如果找不到控制器則報(bào)錯(cuò),前綴塘安?在當(dāng)前指令中查找如果沒有找到則返回null給link糠涛,前綴^如果當(dāng)前指令沒有找到控制器就會(huì)查找父元素的控制器,前綴兼犯?^如果當(dāng)前元素和父元素查找不到控制器則返回null給link函數(shù)忍捡。

? ?compile和link,compile可以返回一個(gè)對(duì)象或者函數(shù)免都,link負(fù)責(zé)將作用域和dom鏈接锉罐。其他的等剩下我找到別的具體的有意思的關(guān)于指令的文檔在作補(bǔ)充吧。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末绕娘,一起剝皮案震驚了整個(gè)濱河市脓规,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌险领,老刑警劉巖侨舆,帶你破解...
    沈念sama閱讀 223,002評(píng)論 6 519
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異绢陌,居然都是意外死亡挨下,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,357評(píng)論 3 400
  • 文/潘曉璐 我一進(jìn)店門脐湾,熙熙樓的掌柜王于貴愁眉苦臉地迎上來臭笆,“玉大人,你說我怎么就攤上這事秤掌〕钇蹋” “怎么了?”我有些...
    開封第一講書人閱讀 169,787評(píng)論 0 365
  • 文/不壞的土叔 我叫張陵闻鉴,是天一觀的道長茵乱。 經(jīng)常有香客問我,道長孟岛,這世上最難降的妖魔是什么瓶竭? 我笑而不...
    開封第一講書人閱讀 60,237評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮渠羞,結(jié)果婚禮上斤贰,老公的妹妹穿的比我還像新娘。我一直安慰自己次询,他們只是感情好腋舌,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,237評(píng)論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著渗蟹,像睡著了一般块饺。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上雌芽,一...
    開封第一講書人閱讀 52,821評(píng)論 1 314
  • 那天授艰,我揣著相機(jī)與錄音,去河邊找鬼世落。 笑死淮腾,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的屉佳。 我是一名探鬼主播谷朝,決...
    沈念sama閱讀 41,236評(píng)論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼武花!你這毒婦竟也來了圆凰?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,196評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤体箕,失蹤者是張志新(化名)和其女友劉穎专钉,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體累铅,經(jīng)...
    沈念sama閱讀 46,716評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡跃须,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,794評(píng)論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了娃兽。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片菇民。...
    茶點(diǎn)故事閱讀 40,928評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖投储,靈堂內(nèi)的尸體忽然破棺而出第练,到底是詐尸還是另有隱情,我是刑警寧澤轻要,帶...
    沈念sama閱讀 36,583評(píng)論 5 351
  • 正文 年R本政府宣布复旬,位于F島的核電站,受9級(jí)特大地震影響冲泥,放射性物質(zhì)發(fā)生泄漏驹碍。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,264評(píng)論 3 336
  • 文/蒙蒙 一凡恍、第九天 我趴在偏房一處隱蔽的房頂上張望志秃。 院中可真熱鬧,春花似錦嚼酝、人聲如沸浮还。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,755評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽钧舌。三九已至担汤,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間洼冻,已是汗流浹背崭歧。 一陣腳步聲響...
    開封第一講書人閱讀 33,869評(píng)論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留撞牢,地道東北人率碾。 一個(gè)月前我還...
    沈念sama閱讀 49,378評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像屋彪,于是被迫代替她去往敵國和親所宰。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,937評(píng)論 2 361

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