angular共享模組的使用,含共享元件的使用

2021-08-25 16:41:10 字數 843 閱讀 8124

這裡的共享模組的書寫形式是看了大漠大神的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暴露需要在其他元件中引入的元...