通过调用$ccModal服务来触发弹框及二次确认框。
modal(options)生成 modal 实例,可以通过调用实例的 open 方法呼出弹出框。
options 包含以下配置:
| 参数 | 类型 | 说明 |
| scope | $scope | default: $rootScope modal需要继承的scope |
| title | string | default:undefined modal框的标题 |
| style | object | default: undefined modal自定义样式。注意,modal组件有默认 min-height 和 min-width,如果需要设置小于该值 |
| fullscreen | boolean | default:false 是否允许全屏 |
| hasFooter | boolean | default:false 是否有底部按钮 |
| body | string | default: undefined modal主体内容区,值为模板url |
| footer | string | default: undefined modal footer按钮区,值为模板url |
| locals | object | default: undefined 需要传递到modal控制器中的数据,以服务的方式注入 |
| controller | class|function | default: undefined modal对应的控制器,当使用弹出框默认的footer时,可以通过覆写控制器的ok、cancel、close方法实现自有逻辑(不覆写则为关闭弹框的默认逻辑) |
| controllerAs | string | default: $ctrl 控制器别名 |
| bindings | object|boolean | default: undefined 为true时则从scope中复制数据,为object则直接从提供的这个对象中复制数据(浅复制) |
| onClose | function | default: undefined 点击弹框右上角关闭按钮时触发的回调 |
| uid | string | default: undefined 弹出框根节点绑定的 data-uid 属性的值,可以通过该特性做个性化弹框样式处理 |
Returns
object modal实例,具备result属性。result为一个promise,modal确认时会触发promise resolve,取消时触发promise reject
confirm(msg, onClose)| 参数 | 类型 | 说明 |
| msg | string | default: undefined 二次确认信息,支持混入html模板 |
| onClose | function | default: undefined 点击右上角关闭按钮时触发的回调 |
Returns
object 弹框实例,具备result属性。result为一个promise,modal确认时会触发promise resolve,取消时触发promise reject