问题描述:
快速多次点击按钮,ngzorro的message全局提示信息会显示多个,目前官方给出的默认值是7个,希望同一时间最多只显示一个提示信息即可。
解决方案:
app.module.ts中添加全局配置项nzMaxStack(同一时间可展示的最大提示数量);
*注意事项:
1.以上代码需要写在最顶层的app.module.ts中。
2.确保ngzorro版本在9.3.0以上。
const ngZorroConfig: NzConfig = {
// 注意组件名称没有 nz 前缀
message: { nzMaxStack:1},
};
providers: [ { provide: NZ_CONFIG, useValue: ngZorroConfig } ],
app.module.ts具体代码如下:
import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
import {AppComponent} from './app.component';
import { NgZorroAntdModule, NzConfig, NZ_CONFIG } from 'ng-zorro-antd';
registerLocaleData(zh);
const ngZorroConfig: NzConfig = {
// 注意组件名称没有 nz 前缀
message: { nzMaxStack:1},
};
@NgModule({
declarations: [AppComponent],
imports: [
BrowserModule,
NgZorroAntdModule,
RouterModule.forRoot(ROUTE_CONFIG),
],
providers: [ { provide: NZ_CONFIG, useValue: ngZorroConfig } ],
bootstrap: [AppComponent]
})
export class AppModule {
}