NG-ZORRO按需引入

642 阅读1分钟

方法1、ng add ng-zorro-antd

image.png

自己定义一个module:

import { NgModule } from '@angular/core';
import { NzLayoutModule } from 'ng-zorro-antd/layout';
import { NzMenuModule } from 'ng-zorro-antd/menu';
import { NzButtonModule } from 'ng-zorro-antd/button';
import { NzTypographyModule } from 'ng-zorro-antd/typography';
import { NzDividerModule } from 'ng-zorro-antd/divider';
@NgModule({
  //用来存放引入的组件
  exports: [
    NzLayoutModule,
    NzMenuModule,
    NzButtonModule,
    NzTypographyModule,
    NzDividerModule
  ]
})
export class ZorroplugModule { }

在需要的xx.module.ts引入

image.png 方法2、npm install ng-zorro-antd --save

image.png

image.png