Angular中一個模塊中的那些關(guān)鍵字是什么意思

NgModules 用于配置注入器和編譯器虐秦,并幫你把那些相關(guān)的東西組織在一起囊颅。
NgModule 是一個帶有 @NgModule裝飾器的類。 NgModule 的參數(shù)是一個元數(shù)據(jù)對象,用于描述如何編譯組件的模板傍妒,以及如何在運行時創(chuàng)建注入器。 它會標(biāo)出該模塊自己的組件和屎、指令和管道惹盼,通過 exports 屬性公開其中的一部分,以便外部組件使用它們惑灵。 NgModule 還能把一些服務(wù)提供商添加到應(yīng)用的依賴注入器中山上。

NgModule 元數(shù)據(jù)
  • declarations(可聲明對象表) —— 那些屬于本 NgModule 的組件、指令英支、管道佩憾。

  • exports(導(dǎo)出表) —— 那些能在其它模塊的組件模板中使用的可聲明對象的子集。

  • imports(導(dǎo)入表) —— 那些導(dǎo)出了本模塊中的組件模板所需的類的其它模塊干花。

  • providers —— 本模塊向全局服務(wù)中貢獻的那些服務(wù)的創(chuàng)建器妄帘。 這些服務(wù)能被本應(yīng)用中的任何部分使用。(你也可以在組件級別指定服務(wù)提供商池凄,這通常是首選方式抡驼。)公用

  • bootstrap —— 應(yīng)用的主視圖,稱為根組件肿仑。它是應(yīng)用中所有其它視圖的宿主致盟。只有根模塊才應(yīng)該設(shè)置這個 bootstrap 屬性。

NgModule 和組件

NgModule 為其中的組件提供了一個編譯上下文環(huán)境柏副。根模塊總會有一個根組件勾邦,并在引導(dǎo)期間創(chuàng)建它。 但是割择,任何模塊都能包含任意數(shù)量的其它組件眷篇,這些組件可以通過路由器加載,也可以通過模板創(chuàng)建荔泳。那些屬于這個 NgModule 的組件會共享同一個編譯上下文環(huán)境蕉饼。組件及其模板共同定義視圖。組件還可以包含視圖層次結(jié)構(gòu)玛歌,它能讓你定義任意復(fù)雜的屏幕區(qū)域昧港,可以將其作為一個整體進行創(chuàng)建、修改和銷毀支子。 一個視圖層次結(jié)構(gòu)中可以混合使用由不同 NgModule 中的組件定義的視圖创肥。 這種情況很常見,特別是對一些 UI 庫來說。

當(dāng)你創(chuàng)建一個組件時叹侄,它直接與一個叫做宿主視圖的視圖關(guān)聯(lián)起來巩搏。 宿主視圖可以是視圖層次結(jié)構(gòu)的根,該視圖層次結(jié)構(gòu)可以包含一些內(nèi)嵌視圖趾代,這些內(nèi)嵌視圖又是其它組件的宿主視圖贯底。 這些組件可以位于相同的 NgModule 中,也可以從其它 NgModule 中導(dǎo)入撒强。 樹中的視圖可以嵌套到任意深度


image.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末禽捆,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子飘哨,更是在濱河造成了極大的恐慌胚想,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,454評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件芽隆,死亡現(xiàn)場離奇詭異顿仇,居然都是意外死亡,警方通過查閱死者的電腦和手機摆马,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來鸿吆,“玉大人囤采,你說我怎么就攤上這事〕痛荆” “怎么了蕉毯?”我有些...
    開封第一講書人閱讀 157,921評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長思犁。 經(jīng)常有香客問我代虾,道長,這世上最難降的妖魔是什么激蹲? 我笑而不...
    開封第一講書人閱讀 56,648評論 1 284
  • 正文 為了忘掉前任棉磨,我火速辦了婚禮,結(jié)果婚禮上学辱,老公的妹妹穿的比我還像新娘乘瓤。我一直安慰自己,他們只是感情好策泣,可當(dāng)我...
    茶點故事閱讀 65,770評論 6 386
  • 文/花漫 我一把揭開白布衙傀。 她就那樣靜靜地躺著,像睡著了一般萨咕。 火紅的嫁衣襯著肌膚如雪统抬。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,950評論 1 291
  • 那天,我揣著相機與錄音聪建,去河邊找鬼钙畔。 笑死,一個胖子當(dāng)著我的面吹牛妆偏,可吹牛的內(nèi)容都是我干的刃鳄。 我是一名探鬼主播,決...
    沈念sama閱讀 39,090評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼钱骂,長吁一口氣:“原來是場噩夢啊……” “哼叔锐!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起见秽,我...
    開封第一講書人閱讀 37,817評論 0 268
  • 序言:老撾萬榮一對情侶失蹤愉烙,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后解取,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體步责,經(jīng)...
    沈念sama閱讀 44,275評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,592評論 2 327
  • 正文 我和宋清朗相戀三年禀苦,在試婚紗的時候發(fā)現(xiàn)自己被綠了蔓肯。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,724評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡振乏,死狀恐怖蔗包,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情慧邮,我是刑警寧澤调限,帶...
    沈念sama閱讀 34,409評論 4 333
  • 正文 年R本政府宣布,位于F島的核電站误澳,受9級特大地震影響耻矮,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜忆谓,卻給世界環(huán)境...
    茶點故事閱讀 40,052評論 3 316
  • 文/蒙蒙 一裆装、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧倡缠,春花似錦米母、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,815評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至桅滋,卻和暖如春慧耍,著一層夾襖步出監(jiān)牢的瞬間身辨,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,043評論 1 266
  • 我被黑心中介騙來泰國打工芍碧, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留煌珊,地道東北人。 一個月前我還...
    沈念sama閱讀 46,503評論 2 361
  • 正文 我出身青樓泌豆,卻偏偏與公主長得像定庵,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子踪危,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,627評論 2 350

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

  • core package 概要:Core是所有其他包的基礎(chǔ)包.它提供了大部分功能包括metadata蔬浙,templa...
    LOVE小狼閱讀 2,562評論 0 3
  • 大綱 1、angular應(yīng)用是模塊化的2贞远、對模塊(Module)的認識3畴博、模塊的分類:根模塊和特性模塊4、NgMo...
    前端路上的小兵閱讀 4,313評論 0 3
  • 模板表達式“{{}}”不能引用任何全局命名空間中的成員(如:window蓝仲、document等等)的原因: 我想原因...
    科研者閱讀 953評論 2 4
  • 組件基礎(chǔ) 組件用來包裝特定的功能俱病,應(yīng)用程序的有序運行依賴于組件之間的協(xié)同工作。組件是angular應(yīng)用的最小邏輯單...
    oWSQo閱讀 1,368評論 0 0
  • 截圖代碼如下: 小Tips: 為了獲取一些堆棧信息以便于快準(zhǔn)狠的定位問題袱结,可以在main函數(shù)里: 最終得到一條關(guān)鍵...
    Mr_Dreams閱讀 4,977評論 0 0