Alert警告提示
警告提示,展现需要关注的信息。
何时使用#
- 当某个页面需要向用户显示警告的信息时。
- 非浮层的静态展现形式,始终展现,不会自动消失,用户可以点击关闭。
import { NzAlertModule } from 'ng-zorro-antd/alert';
代码演示
加载中
加载中
加载中
加载中
加载中
加载中
加载中
加载中
加载中
API#
nz-alert#
参数 | 说明 | 类型 | 默认值 | 全局配置 |
---|---|---|---|---|
[nzBanner] | 是否用作顶部公告 | boolean | false | |
[nzAction] | 自定义操作项 | string | TemplateRef<void> | - | |
[nzCloseable] | 默认不显示关闭按钮 | boolean | - | ✅ |
[nzCloseText] | 自定义关闭按钮 | string | TemplateRef<void> | - | |
[nzDescription] | 警告提示的辅助性文字介绍 | string | TemplateRef<void> | - | |
[nzMessage] | 警告提示内容 | string | TemplateRef<void> | - | |
[nzShowIcon] | 是否显示辅助图标,nzBanner 模式下默认值为 true | boolean | false | ✅ |
[nzIconType] | 自定义图标类型,nzShowIcon 为 true 时有效 | string | - | |
[nzType] | 指定警告提示的样式,nzBanner 模式下默认值为 'warning' | 'success' | 'info' | 'warning' | 'error' | 'info' | |
[nzIcon] | 自定义图标,showIcon 为 true 时有效 | string | TemplateRef<void> | - | |
(nzOnClose) | 关闭时触发的回调函数 | EventEmitter<void> | - |