Modal 对话框

模态对话框。

代码演示

open confirm delete alert
const defaultConfig = { scope: null, // 作用域 默认 $rootScope title: '', // 标题 cls: '', // 样式名称 content: '', //内容 只有在 confirm 和 delete 的时候使用,其它无效 template: '', // 主体内容模板 showClose: true, // 显示关闭按钮 clickMaskClose: false, // 点击遮罩是否关闭对话框 okCallback: undefined, // 如果使用默认按钮的保存回调 cancelCallback: undefined, // 如果使用默认按钮的放弃回调 buttons: [{ text: '保存修改', type: 'primary', size: 'default', disabled: false, callback($ctrl, config) { // 点击回调 if (typeof config.okCallback === 'function') { config.okCallback($ctrl, config); } }, }, { text: '放弃', type: 'default', size: 'default', disabled: false, callback($ctrl, config) { // 点击回调 if (typeof config.okCallback === 'function') { config.cancelCallback($ctrl, config); } }, }], // 底部按钮 };

API

属性 说明 类型 默认值
$modal.open(config) config JSON defaultConfig
$modal.confirm(config) config JSON defaultConfig
$modal.delete(config) config JSON defaultConfig