简单的文字提示气泡框。
鼠标移入则显示提示,移出消失,气泡浮层不承载复杂文本和操作。
可用来代替系统默认的 title
提示,提供一个按钮/文字/操作
的文案解释。
最简单的用法
装载模板
位置有 12 个方向。
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
nzTitle | 提示文字 | String | 无 |
nzPlacement | 气泡框位置,可选
top left right bottom topLeft topRight
bottomLeft bottomRight leftTop leftBottom rightTop rightBottom
|
String | top |
nzTemplate | 气泡内容,在Tooltip中会覆盖掉nzTitle 的内容
|
ng-template | |
nzVisible | 用于手动控制浮层显隐 双向绑定 | Boolean | false |
nzVisibleChange | 显示隐藏的回调 | EventEmitter | 无 |
nzTrigger | 触发行为,可选 hover/focus/click
|
String | hover |
nzOverlayClassName | 卡片类名 | String | 无 |
nzOverlayStyle | 卡片样式 | object | 无 |
请确保 Tooltip
的子元素能接受
onMouseEnter
onMouseLeave
onFocus
onClick
事件。