未等待$ mdDialog確認的事件

Question

我希望$ mdDialog的行爲與在$ locationchangestart中調用時的confirm（）類似。 在恢復位置更改之前，$ mdDialog不會等待用戶輸入。

$rootScope.showConfirm = function (ev) { 
     // Appending dialog to document.body to cover sidenav in docs app 
     var confirm = $mdDialog.confirm() 
      .title('Tem certeza que deseja sair?') 
      .textContent('Informações não salvas serão perdidas"') 
      .targetEvent(ev) 
      .ok('Sim') 
      .cancel('Não'); 

     $mdDialog.show(confirm).then(function() { 
      $rootScope.status = true; 
     }, function() { 
      $rootScope.status = false; 
     }); 
    }; 


$rootScope.$on("$locationChangeStart", function (event, next, current) { 
     $rootScope.showConfirm(event); 

     if($rootScope.status == false){ 
      event.preventDefault(); 
     } 
    }); 

Answer 1

嘗試修改鉤$locationChangeStart如下，看看它的工作原理：

$rootScope.$on("$locationChangeStart", function (event, next, current) { 
     if(!$rootScope.showConfirm(event)) { 
      event.preventDefault(); 
     } 
}); 

修改showConfirm基於用戶響應返回真/假如下：

$mdDialog.show(confirm).then(function() { 
    return true; 
}, function() { 
    return false; 
}); 

有是一個類似的問題回答here。希望也有幫助。