<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        angular2NgModel模塊的詳細介紹

        來源:懂視網 責編:小采 時間:2020-11-27 19:26:44
        文檔

        angular2NgModel模塊的詳細介紹

        angular2NgModel模塊的詳細介紹:本篇文章給大家帶來的內容是關于angular2 NgModel模塊的詳細介紹,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。angular2 NgModel 模塊在Angular2中一個Module指的是使用@NgModule修飾的class。@NgModule利用一個元數據對
        推薦度:
        導讀angular2NgModel模塊的詳細介紹:本篇文章給大家帶來的內容是關于angular2 NgModel模塊的詳細介紹,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。angular2 NgModel 模塊在Angular2中一個Module指的是使用@NgModule修飾的class。@NgModule利用一個元數據對

        本篇文章給大家帶來的內容是關于angular2 NgModel模塊的詳細介紹,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

        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'指明了模塊的路徑,和模塊的名稱。

        【相關推薦:angular視頻教程】

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        angular2NgModel模塊的詳細介紹

        angular2NgModel模塊的詳細介紹:本篇文章給大家帶來的內容是關于angular2 NgModel模塊的詳細介紹,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。angular2 NgModel 模塊在Angular2中一個Module指的是使用@NgModule修飾的class。@NgModule利用一個元數據對
        推薦度:
        標簽: 介紹 模塊 angular
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 亚洲人成7777影视在线观看| 成年性午夜免费视频网站不卡| 美女被爆羞羞网站在免费观看| 亚洲av日韩综合一区在线观看| 亚洲日本在线播放| 亚洲国产精品线观看不卡| 国产精品无码亚洲精品2021| 亚洲国产精品日韩在线| 国产偷国产偷亚洲高清人| 日本卡1卡2卡三卡免费| 1a级毛片免费观看| 亚洲一区二区三区亚瑟| 国产亚洲综合精品一区二区三区| 久久中文字幕免费视频| 国产男女性潮高清免费网站| 国产又长又粗又爽免费视频| 中文字幕中韩乱码亚洲大片| 亚洲熟女精品中文字幕| 人禽伦免费交视频播放| 免费无码又爽又刺激高潮的视频| 日韩中文无码有码免费视频| 91亚洲自偷在线观看国产馆| 亚洲免费视频一区二区三区| 免费无码又爽又刺激聊天APP| 女人被免费视频网站| 阿v视频免费在线观看| 免费精品国偷自产在线在线| 亚洲人精品午夜射精日韩| 亚洲人成网站色7799| 国产高清视频免费在线观看 | 91精品免费不卡在线观看| 免费看国产一级特黄aa大片| 免费精品视频在线| 精品亚洲AV无码一区二区| 免费无码作爱视频| 久久久WWW免费人成精品| 狠狠综合久久综合88亚洲| 免费人成网站永久| 亚洲国产精品特色大片观看完整版| 9久9久女女免费精品视频在线观看| 亚洲AV永久纯肉无码精品动漫|