md-dialog

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值