NG-ZORROTag标签
进行标记和分类的小标签。
何时使用#
- 用于标记事物的属性和维度。
- 进行分类。
import { NzTagModule } from 'ng-zorro-antd/tag';代码演示
基本标签的用法，可以通过添加 nzMode="closeable" 变为可关闭标签。可关闭标签具有 nzOnClose 事件。
加载中
用数组生成一组标签，可以动态添加和删除。
加载中
选择你感兴趣的话题。
加载中
在 tag 组件内嵌入 icon。
加载中
Presets:
Custom:
我们添加了多种预设色彩的标签样式，用作不同场景使用。如果预设值不能满足你的需求，可以设置为具体的色值。
加载中
可通过 nzMode="checkable" 实现类似 Checkbox 的效果，点击切换选中效果。
加载中
无边框模式。
加载中
Without icon
With icon
预设五种状态颜色，可以通过设置 nzColor 为 success、 processing、error、default、warning 来代表不同的状态。
加载中
API#
nz-tag#
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
[nzMode] | 设定标签工作的模式 | 'closeable' | 'default' | 'checkable' | 'default' |
[nzChecked] | 设置标签的选中状态，可双向绑定，在 nzMode="checkable" 时可用 | boolean | false |
[nzColor] | 标签色 | string | - |
[nzBordered] | 是否有边框 | boolean | true |
(nzOnClose) | 关闭时的回调，在 nzMode="closable" 时可用 | EventEmitter<MouseEvent> | - |
(nzCheckedChange) | 设置标签的选中状态的回调，在 nzMode="checkable" 时可用 | EventEmitter<void> | - |