md-dialog

最新推荐文章于 2021-06-03 22:01:04 发布

原创最新推荐文章于 2021-06-03 22:01:04 发布 · 3.7k 阅读

0 ·

CC 4.0 BY-SA版权

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();
          }
        }
      });
    }