ng-alain全局配置NzMessageService
2024-10-20 16:15:52
官方文档是这样子的,抄下来会报错,因为没有后两个设置
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 {}
实际操作步骤如下
进入\src\app\app.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
最新文章
- IT人士怎样的休息方式才高效
- 返回值优化(RVO)
- oninput等表单事件
- NV 200, 300, 400, 500, 600, 700, 800
- Codeforces Round #147 (Div. 2)
- 【培训】交换机VLAN
- Magician - hdu 5316 (区间查询合并)
- OCP prepare 20140627
- javascript date部分
- 同步github工程gitcafe
- 命令行启动Hololens Emulator,可解决内存不足的问题
- Mac下配置Maven环境变量
- CodeSmith生成实体的分页读取规则
- Android ec环境配置
- zookeeper 笔记-Curator选举方案
- remap.config文件配置模板
- 深入浅出—Redis集群的相关详解
- 教我徒弟Android开发入门(四)
- Handling Event
- 第三百八十三节,Django+Xadmin打造上线标准的在线教育平台—第三方模块django-simple-captcha验证码
热门文章
- .Net Core redis 调用报错 '6000 Redis requests per hour' 解决 6000 此调用限制
- 机器学习实战-AdaBoost
- 二十二、Pod存储之volume
- python(牛客)试题解析1 - 入门级
- [转]VB中资源文件.res的使用方法详解
- Android开发 对接微信分享SDK总结
- Git配置和使用?Git你真的会用么?Git与SVN的主要区别
- Springboot实现验证码登录
- java学习之爬虫
- 云原生之旅 - 10)手把手教你安装 Jenkins on Kubernetes