angular4 x學習筆記 模組

2021-08-17 16:46:55 字數 1411 閱讀 2946

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...