$mdDialog 示例代码
时间: 2023-07-09 19:03:46 浏览: 157
showModalDialog实例
以下是一个基本的 $mdDialog 示例代码:
```javascript
// 在控制器中注入 $mdDialog
app.controller('MyController', function($scope, $mdDialog) {
// 弹出对话框的函数
$scope.showDialog = function(ev) {
$mdDialog.show({
templateUrl: 'dialog.tmpl.html',
parent: angular.element(document.body),
targetEvent: ev,
clickOutsideToClose:true,
fullscreen: $scope.customFullscreen // 可选
})
.then(function(answer) {
// 对话框关闭后执行的操作
}, function() {
// 对话框取消后执行的操作
});
};
});
```
其中,`$mdDialog.show()` 方法用于显示对话框,接受一个配置对象作为参数,包含以下选项:
- `templateUrl`:对话框的 HTML 模板。
- `parent`:对话框的父级元素。
- `targetEvent`:触发对话框的事件。
- `clickOutsideToClose`:是否点击对话框外部关闭对话框。
- `fullscreen`:是否全屏显示对话框。
`.then()` 方法接受两个回调函数作为参数,分别在对话框关闭和取消时执行。
阅读全文