md-dialog
会弹出一个对话框
相当于alter
虽然说现代web中尽量少用alter,不过由于md-dialog设计非常漂亮,偶尔用用也无妨
下面是最基础的用法
和Demo中不大一样
首先建立一个目标文件
dialog.html
<md-dialog aria-label="">
<h2>**</h2>
<h4>**</h4>
<md-divider></md-divider>
<div layout="row" layout-align="center center">
<md-button ng-click="closeDialog()">123</md-button>
<md-button ng-click="closeDialog()">123</md-button>
</div>
</md-dialog>
aria-label一定要,不然会报错,虽然目前为空也没有什么事情
接着绑定一个函数就可以使用了
function showDialog() {
$mdDialog.show({
templateUrl: 'app/dialog/dialog.html',
controller: function DialogController($scope, $mdDialog) {
$scope.closeDialog = function () {
$mdDialog.hide();
}
}
});
}
demo中的
md-dialog-content元素貌似没用,推荐自定义CSS
demo:https://material.angularjs.org/latest/demo/dialog
API:https://material.angularjs.org/latest/api/directive/mdDialog
https://material.angularjs.org/latest/api/service/$mdDialog