angular很重要的概念之一仍然是模組。angular整個框架就是由很多個模組組成的,而不同的模組需要從不同的地方匯入。開啟package.json
檔案,可以看到依賴的angular包可能是這樣的:
來簡單看下這些angular包中包含了哪些常用的模組(至少目前為止,我覺得常用的)。
以上模組都是angular框架中的自帶模組,而我們開發的完整單元也是模組。乙個應用中至少要有乙個模組,也就是根模組。一些共享的功能屬性我們可以抽象出來,成為共享模組。然後就是一些特性模組了。
模組的組成由元件,服務,指令,管道等等組成,這些概念會在下面講到。定義模組的語法如下:
@ngmoduel()
所有用到的元件,指令,管道,模組都需要事先在模組中宣告好,才能在具體元件中使用。服務可以在模組,元件,指令中的providers
宣告,也可以直接在執行時提供(參見trotyl yu的例子)。
一般情況下,在根模組的bootstrap
中設定啟動的根元件即可,但也可以動態處理(參見trotyl yu的例子)。
那如何啟動根模組呢?
在入口指令碼中,也就是angular cli專案中的main.ts
中,啟動如下:
// 匯入需要模組
import from '@angular/platform-browser-dynamic';
// 根模組
// 編譯啟動模組
至此,我們對模組有所了解,也知道了模組的定義。
angular4 x學習筆記 元件以及生命週期
自從採用元件化的react大火之後,目前市面上炙手可熱的框架全都採用了元件化的理念,angular當然也不能落後了。可以說,元件化是angular的核心理念。按angular在中國的布道者大漠窮秋的話來說,就是 angular的核心概念是元件,模組化機制ngmodule是為元件化服務的,實際上所有其...
Angular4 x跨域請求
新建乙個工程angulardemo03 ng new angulardemo03 npm install 更新依賴 ng g component components news 目錄結構如下 3.新增請求相關的model 4.編寫 news.component.html 編寫乙個按鈕用來傳送請求 h...
angular筆記 4 函式
angular.isstring 是否字串 angular.isnumber 是否數字 angular.isarray 是否陣列 angular.isdate 是否日期 時間 angular.isdefault 是否被定義 angular.isundefault 是否未定義 angular.isfu...