ng-alain全局配置NzMessageService

官方文档是这样子的，抄下来会报错，因为没有后两个设置

import { NgZorroAntdModule, NzConfig, NZ_CONFIG } from 'ng-zorro-antd';

const ngZorroConfig: NzConfig = {
  // 注意组件名称没有 nz 前缀
  message: { nzTop: 120 },
  notification: { nzTop: 240 }
};

@NgModule({
  declarations: [AppComponent],
  imports: [
    CommonModule
    NgZorroAntdModule,
  ],
  providers: [
    { provide: NZ_CONFIG, useValue: ngZorroConfig }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

实际操作步骤如下

进入srcappapp.module.ts

import { NgZorroAntdModule, NzMessageConfig, NZ_MESSAGE_CONFIG } from 'ng-zorro-antd';


const NzMessageConfig: NzMessageConfig = {
  nzTop: 200,
  nzDuration: 5000
}

@NgModule({
  declarations: [AppComponent],
  imports: [
    NgZorroAntdModule
  ],
  providers: [ { provide: NZ_MESSAGE_CONFIG, useValue: NzMessageConfig }],
  bootstrap: [AppComponent],
})
export class AppModule { }

保存刷新   OK