点击元素,弹出气泡式的确认框。
目标元素的操作需要用户进一步的确认时,在目标元素附近弹出浮层提示,询问用户。
和 confirm 弹出的全屏居中模态对话框相比,交互形式更轻量。
最简单的用法。
设置okTextcancelText以自定义按钮文字。
位置有十二个方向
可以判断是否需要弹出。
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| nzTitle | 确认框描述 | String | 无 |
| nzOnConfirm | 点击确认的回调 | event | 无 |
| nzOnCancel | 点击取消的回调 | event | 无 |
| nzOkText | 确认按钮文字 | String | 确定 |
| nzCancelText | 取消按钮文字 | String | 取消 |
| nzCondition | 是否直接执行确定方法 | Boolean | false |
| nzPlacement | 气泡框位置,可选
topleftrightbottomtopLefttopRight
bottomLeftbottomRightleftTopleftBottomrightToprightBottom
|
String | top |
| nzTemplate | 覆盖Confirm全部弹出框 | ng-template | |
| nzVisible | 用于手动控制浮层显隐 双向绑定 | Boolean | false |
| nzVisibleChange | 显示隐藏的回调 | EventEmitter | 无 |
| nzTrigger | 触发行为,可选 hover/focus/click
|
String | click |
| nzOverlayClassName | 卡片类名 | String | 无 |
| nzOverlayStyle | 卡片样式 | object | 无 |
| nzMouseEnterDelay | 鼠标移入后延时多少才显示 Tooltip,单位:秒(nzTrigger='hover'时有效) | number | 0 |
| nzMouseLeaveDelay | 鼠标移出后延时多少才隐藏 Tooltip,单位:秒(nzTrigger='hover'时有效) | number | 0.1 |