Angular2 模組簡介

2021-09-12 23:40:38 字數 1218 閱讀 3113

ngmodule 是乙個帶有 @ngmodule() 裝飾器的類。@ngmodule() 裝飾器是乙個函式,它接受乙個元資料物件,該物件的屬性用來描述這個模組。其中最重要的屬性如下。

通俗一點講即:

宣告哪些元件、指令、管道屬於該模組;

公開某些類,以便其它的元件模板可以使用它們;

匯入其它模組,從其它模組中獲得本模組所需的元件、指令和管道;

在應用程式級提供服務,以便應用中的任何元件都能使用它。

如:

import  from '@angular/platform-browser';

我們一般把自定義的其他模組叫特性模組。隨著應用的擴大,所有的事情都在乙個模組中完成難免會變亂,我們就會想著把統分為多個模組,每個模組都只做各自的事情而互不干擾,用根模組來引導程式並管理所有子模組即通過路由定向以及為它們提供全域性配置與服務例項。

實現方式如下:

根模組負責全域性的路由。

核心模組負責全域性服務,也可以定義一些只在根模組中使用的元件等,並只能由根模組引入一次,不再匯出。

共享模組不做服務的提供,而是定義全域性共享的元件等,以及幫助子模組匯入系統模組,讓子模組只需要匯入此共享模組就夠了。

子模組內部可以細分自己的子路由到具體的子元件,以及提供自己的服務等。

除了頁面入口模組(即除了根模組外的具體業務模組)之外的其他子模組均考慮寫成惰性載入的模組,以提公升頁面引導的速度減少效能浪費。

當需要乙個比較通用的全域性服務時,可以將其加入coremodule,也可以再建立乙個僅被根模組引入的特性模組。進一步的,甚至可以將此模組發布到npm,這就需要更強的編碼能力和技術積累了。

angular2模組的目錄和目錄結構一般如下:

每個模組乙個應該單獨的資料夾

模組內功能相關或相近

每個模組最好都有單獨的路由定義

angular2 發布angular2模組,服務

上回說到了如何利用npm包管理器發布自己的包,這次咱們就來個實踐。1 寫好自己的元件 2 利用npm發布自己的元件 3 使用包 基於angular2的架構,一般都需要下列檔案 html檔案,css檔案,component檔案,module檔案。component檔案內容 import區域 impor...

Angular2核心功能簡介

angular2的核心包括六個方面,分別是元件 模板 指令 服務 依賴注入和路由,他們之間的關係如下圖 由上圖可以看到,使用者直接互動的是模板,也就是可見可互動的檢視介面,它是組成元件的要素之一。元件是用來維護資料模型和功能邏輯的,它包括模板和元件類。路由控制項的建立和銷毀,從而完成介面的跳轉。指令...

模組定義檔案匯出類 Angular 2 模組

在angular js中使用模組在應用程式中放置邏輯邊界。因此,您無需將所有內容編碼到乙個應用程式中,而是可以將所有內容構建到單獨的模組中以分離應用程式的功能。讓我們檢查一下新增到演示應用程式中的 讓我們詳細遍歷 的每一行。ngmodule裝飾器用於以後定義匯入,宣告和引導選項。預設情況下,任何基於...