調用$ mdDialog（角材料）的確認，而不是默認的Javascript

Question

腳本

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

我怎麼能叫角材質對話框，而不是默認的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並使用材料庫提供的$mdDialog服務打開警報對話框。 http://codepen.io/next1/pen/KzvwXq

HTMLFILE

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