angular的自定義模組及配置路由模組懶載入

2021-10-02 06:26:28 字數 919 閱讀 3305

使用命令列生成自定義模組:

ng g module module
生成自定義模組的根元件

ng g component module
其中module可以看作乙個模組

module.module.ts為改模組的根。

在專案其他元件中引入自定義模組

在自定義專案中使用exports暴露需要在其他元件中引入的元件:

@ngmodule()
在根元件中引入:

import  from './module/module.module';

// 在imports中引入:

imports: [

browsermodule,

modulemodule

],

1.使用命令列生成自定義模組:

ng g module module/user --rouing
2.生成自定義模組的根元件:

ng g component module/user
3.在自定義模組的routing.module.ts中()引入根元件:

import  from './user.component';
4.配置根元件的路由:

const routes: routes = [

,]

5.在專案根元件的routing.module.ts中配置自定義模組的路由,這裡不需要使用import引入元件:

const routes: routes = [

』 },

]

angular 自定義指令

模板 var mymodule angular.module mymodule mymodule.directive directivename function return restrict string,template string,templateurl string,priority n...

自定義模組

自定義模組 也就是我們自己寫的 1.配置模組說明檔案 npm init 就會生成乙個package.json的檔案 main index.js 我們的主檔案是index.js index.js是這個包的輸出檔案,即便刪除了package.json只要不改變index.js的檔名就沒事,一旦改了就會報...

自定義模組

匯入 拿工具箱 import import test test.func 1 避免寫重複 2 可以多次利用 3 拿來主義print locals import test print locals import test print test.name import test print test.f...