调用 $mdDialog ( Angular Material ) 确认而不是默认 Javascript

Question

脚本

if (true) {
    if(!confirm("Are you sure ?")) 
    {
     event.preventDefault();
     }
  }

如何调用 Angular Material 对话框而不是默认的 javascript 确认？像

function(event) {
      var confirm = $mdDialog.confirm()
            .title('Are you sure ?')
            .targetEvent(event)
            .ok('ok')
            .cancel('cancel');

        $mdDialog.show(!confirm).then(function() {
            event.preventDefault();
        });
    };

Answer 1

检查这支笔。只需在 ng-click 中传递 $event 并使用 material 库提供的 $mdDialog 服务来打开一个警告对话框。 http://codepen.io/next1/pen/KzvwXq

HTML文件

<md-button class="md-primary md-raised" ng-click="showConfirm($event)">
  Confirm Dialog
</md-button>

JS文件

$scope.showConfirm = function(ev) {
var confirm = $mdDialog.confirm()
      .title('Are you sure?')
      .textContent('Are you really sure?')
      .ariaLabel('Lucky day')
      .targetEvent(ev)
      .ok('Yes')
      .cancel('No');

$mdDialog.show(confirm).then(function() {
  $scope.status = 'Yes';
}, function() {
  $scope.status = 'No';
});