亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

angular2 NgModel模塊的具體使用方法

2019-11-19 11:49:16
字體:
來源:轉載
供稿:網友

angular2 NgModel 模塊

在Angular2中一個Module指的是使用@NgModule修飾的class。@NgModule利用一個元數據對象來告訴Angular如何去編譯和運行代碼。一個模塊內部可以包含組件、指令、管道,并且可以將它們的訪問權限聲明為公有,以使外部模塊的組件可以訪問和使用到它們。我們也可以通過定義子模塊來擴展我們應用的功能。

NgModule 的API

interface NgModule {   // providers: 這個選項是一個數組,需要我們列出我們這個模塊的一些需要共用的服務   //      然后我們就可以在這個模塊的各個組件中通過依賴注入使用了.  providers : Provider[]   // declarations: 數組類型的選項, 用來聲明屬于這個模塊的指令,管道等等.   //        然后我們就可以在這個模塊中使用它們了.  declarations : Array<Type<any>|any[]>   // imports: 數組類型的選項,我們的模塊需要依賴的一些其他的模塊,這樣做的目的使我們這個模塊   //     可以直接使用別的模塊提供的一些指令,組件等等.  imports : Array<Type<any>|ModuleWithProviders|any[]>   // exports: 數組類型的選項,我們這個模塊需要導出的一些組件,指令,模塊等;   //     如果別的模塊導入了我們這個模塊,   //     那么別的模塊就可以直接使用我們在這里導出的組件,指令模塊等.  exports : Array<Type<any>|any[]>  // entryComponents: 數組類型的選項,指定一系列的組件,這些組件將會在這個模塊定義的時候進行編譯  //         Angular會為每一個組件創建一個ComponentFactory然后把它存儲在ComponentFactoryResolver  entryComponents : Array<Type<any>|any[]>  // bootstrap: 數組類型選項, 指定了這個模塊啟動的時候應該啟動的組件.當然這些組件會被自動的加入到entryComponents中去  bootstrap : Array<Type<any>|any[]>  // schemas: 不屬于Angular的組件或者指令的元素或者屬性都需要在這里進行聲明.  schemas : Array<SchemaMetadata|any[]>  // id: 字符串類型的選項,模塊的隱藏ID,它可以是一個名字或者一個路徑;用來在getModuleFactory區別模塊,如果這個屬性是undefined  //   那么這個模塊將不會被注冊.  id : string }

常用API簡介

NgModule的主要屬性如下:

  • declarations:模塊內部Components/Directives/Pipes的列表,聲明一下這個模塊內部成員,聲明之后才能使用對應的組件等。
  • providers:指定應用程序的根級別需要使用的service。(Angular2中沒有模塊級別的service,所有在NgModule中聲明的Provider都是注冊在根級別的Dependency Injector中)
  • imports:導入其他module,其它module暴露的出的Components、Directives、Pipes等可以在本module的組件中被使用。比如導入CommonModule后就可以使用NgIf、NgFor等指令。
  • exports:用來控制將哪些內部成員暴露給外部使用。導入一個module并不意味著會自動導入這個module內部導入的module所暴露出的公共成員。除非導入的這個module把它內部導入的module寫到exports中。
  • bootstrap:通常是app啟動的根組件,一般只有一個component。bootstrap中的組件會自動被放入到entryComponents中。
  • entryCompoenents: 不會再模板中被引用到的組件。這個屬性一般情況下只有ng自己使用,一般是bootstrap組件或者路由組件,ng會自動把bootstrap、路由組件放入其中。 除非不通過路由動態將component加入到dom中,否則不會用到這個屬性。

子模塊

隨著程序的壯大,單一的根模塊已不能清晰的劃分職責,這時候便可以引入Feature Module。Feature Module與根模塊的創建方式一樣,所有的模塊共享一個運行期上下文和依賴注入器。

功能模塊與根模塊的職責區別主要有以下兩點:

  • 根模塊的目的在于啟動app,功能模塊的目的在于擴展app
  • 功能模塊可以根據需要暴露或隱藏具體的實現

Angular2提供的另一個與模塊有關的技術就是延遲加載了。默認情況下Angular2將所有的代碼打包成一個文件,目的是為了提高應用的流暢性,但是如果是運行在mobile中的app,加載一個大文件可能會過慢,所以rc5提供了一種延遲加載方式。

import { ModuleWithProviders } from '@angular/core';import { Routes, RouterModule } from '@angular/router';export const routes: Routes = [ { path: '', redirectTo: 'contact', pathMatch: 'full'}, { path: 'crisis', loadChildren: 'app/crisis/crisis.module#CrisisModule' }, // 可以延遲加載子模塊,子模塊的結構和父模塊一樣,它會去加載子模塊中的Routes配置,并跳轉對應的組件中去。 { path: 'heroes', loadChildren: 'app/hero/hero.module#HeroModule' }];export const routing: ModuleWithProviders = RouterModule.forRoot(routes);

其中,path指明路徑,loadChildren指明使用延遲加載,'app/crisis/crisis.module#CrisisModule'指明了模塊的路徑,和模塊的名稱。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产精品欧美激情| 91av视频在线播放| 国产成人精品视频在线| 中文字幕免费精品一区| 欧美日韩国产中文字幕| 国产在线98福利播放视频| 久久亚洲精品小早川怜子66| 欧美午夜精品在线| 欧美与黑人午夜性猛交久久久| 91国内精品久久| 色噜噜狠狠狠综合曰曰曰| 国产一区私人高清影院| 亚洲伊人久久大香线蕉av| 国产在线视频一区| 亚洲伊人久久大香线蕉av| 国产一区在线播放| 亚洲国产天堂久久综合网| 不卡av日日日| 91精品国产高清久久久久久| 亚洲a级在线播放观看| 日韩欧美在线视频日韩欧美在线视频| 国产日韩欧美在线播放| 亚洲视频在线观看免费| 97香蕉超级碰碰久久免费软件| 欧美日韩激情网| 国内免费精品永久在线视频| 欧美性高潮床叫视频| 午夜精品福利在线观看| 成人欧美一区二区三区黑人| 一区二区国产精品视频| 欧美日韩亚洲成人| 亚洲男人av在线| 亚洲一区二区日本| 日本免费在线精品| 日韩精品视频观看| 岛国视频午夜一区免费在线观看| 国产精品视频资源| 亚洲新声在线观看| 久久久爽爽爽美女图片| 久久人人爽人人爽人人片av高请| 97国产精品视频| 一区二区三区四区在线观看视频| 亚洲国产福利在线| 亚洲天堂男人天堂女人天堂| 国产视频精品久久久| 欧美精品免费看| 国产视频精品一区二区三区| 欧美成人黄色小视频| 国产91精品视频在线观看| 国产亚洲欧洲高清| 亚洲一区av在线播放| 26uuu亚洲伊人春色| 亚洲国内精品视频| 日韩av成人在线观看| 欧美日韩中文在线观看| 91精品国产高清久久久久久| 亚洲精品丝袜日韩| 亚洲91av视频| 中文字幕在线看视频国产欧美在线看完整| 亚洲а∨天堂久久精品9966| 色伦专区97中文字幕| 国产日本欧美一区二区三区在线| 色婷婷综合久久久久| 欧美性xxxxx极品| 韩日精品中文字幕| 国产成人黄色av| 亚洲女同性videos| xxx一区二区| 亚洲丁香婷深爱综合| 1769国内精品视频在线播放| 亚洲精品在线视频| 欧美大尺度电影在线观看| 亚洲男人天天操| 欧美午夜xxx| 黄色一区二区在线| 日韩欧美aⅴ综合网站发布| 亚洲а∨天堂久久精品9966| 2021久久精品国产99国产精品| 亚洲一区av在线播放| 一区二区三区亚洲| 日韩美女在线看| 亚洲精品福利在线观看| 亚洲欧洲在线播放| 亚洲乱码一区av黑人高潮| 午夜免费在线观看精品视频| 成人网址在线观看| 91久久国产综合久久91精品网站| 日韩电影中文字幕| 国产欧美亚洲视频| 国产美女久久精品香蕉69| 国产一区二区日韩精品欧美精品| 色阁综合伊人av| 午夜精品一区二区三区av| 国产精品日韩欧美| 国产在线高清精品| 大桥未久av一区二区三区| 久久国产精品亚洲| 欧美精品免费在线观看| 91av在线国产| 中文字幕av日韩| 青青青国产精品一区二区| 欧美精品www| 欧美激情a∨在线视频播放| 久久久精品国产| 91久久久久久久一区二区| 亚洲欧美另类人妖| 美女撒尿一区二区三区| 久久精品2019中文字幕| 久久偷看各类女兵18女厕嘘嘘| 欧美成人免费va影院高清| 国内精品一区二区三区四区| 精品毛片三在线观看| 国产精品久久久久久久久借妻| 中文字幕成人精品久久不卡| 国产精品久久久久久久久久久久| 亚洲精品综合久久中文字幕| 成人免费大片黄在线播放| 国内精品伊人久久| 久久九九亚洲综合| 97欧美精品一区二区三区| 深夜福利亚洲导航| 在线观看精品自拍私拍| 久久九九精品99国产精品| 亚洲欧美国产精品久久久久久久| 国产精品大片wwwwww| 日韩欧美有码在线| 日韩福利在线播放| 成人免费午夜电影| 日韩av最新在线观看| 中文欧美在线视频| 精品久久中文字幕久久av| 日韩一区二区久久久| 国产成人精品一区| 美女精品久久久| 欧美激情精品久久久| 久久成人免费视频| 日韩av电影免费观看高清| 91精品国产91久久| 日韩福利视频在线观看| 国产日韩换脸av一区在线观看| 欧美国产日韩一区二区三区| 亚洲精品国精品久久99热| 国产噜噜噜噜噜久久久久久久久| 国产91在线播放九色快色| 国产精品免费看久久久香蕉| 欧美精品精品精品精品免费| 久久久精品久久| 日韩av网址在线观看| 亚洲精品欧美一区二区三区| 亚洲第一中文字幕| 不卡伊人av在线播放| 欧美性感美女h网站在线观看免费| 国产精品一区二区久久精品| 中文字幕亚洲自拍| 亚洲男人天堂网| 久久亚洲电影天堂| 91精品国产91久久久| 欧美一区在线直播| 国产国语刺激对白av不卡| 中文字幕日韩在线视频| 亚洲欧洲国产伦综合| 欧美国产日韩一区二区在线观看| 欧美电影免费观看高清完整| 国产在线观看91精品一区|