這裡的共享模組的書寫形式是看了大漠大神的nicefish後弄出來的,熟悉了angular2後再去看大神的專案感覺不一樣了
現在來說明一下怎麼運用
ng g c testcommon(這裡下了angular-cli按理說就能使用ng命令,但是如果angular-cli版本低了的話會有警告最後可能出錯不能全域性建立元件)
import from 『@angular/core』;
constructor()
ngoninit()
common-module.module.ts的**如下:
import from 『@angular/core』;
import from 『@angular/common』;
import from 「../setting/testcommon/testcommon.component」;
@ngmodule()
export class commonmodulemodule
dashboard.module.ts中引入module:
@ngmodule()
dashboard.component.html中引入
ps:補充
使用路由延遲載入 Angular 模組
這裡將使用乙個簡單示例來演示這個特性是如何工作的。將應用拆分為多個不同的模組,可以在需要的時候再進行延遲載入。延遲載入的路由需要在根模組之外定義,所以,你需要將需要延遲載入的功能包含在功能模組中。我們使用 angular cli 來建立乙個演示專案 demo.ng new demo然後,進入到 de...
3 Angular的模組化
在前面的幾個文章中,我們的資料都是以函式的方式定義在全域性的作用域下,這樣很顯然是不對的,沒有模組化的思想,下面的例子介紹angular的模組化!再使用控制器定義資料,注意控制器傳遞的引數,模組名和匿名函式。都知道我們的專案在上線後合併壓縮的,這樣我們匿名函式傳遞的形參在壓縮後出現問題,所以這個時候...
angular的自定義模組及配置路由模組懶載入
使用命令列生成自定義模組 ng g module module生成自定義模組的根元件 ng g component module其中module可以看作乙個模組 module.module.ts為改模組的根。在專案其他元件中引入自定義模組 在自定義專案中使用exports暴露需要在其他元件中引入的元...