angularjs - 在导航到其他 View 之前警告用户

Question

我想警告用户并获得确认，然后用户才能离开应用程序中的某些页面，例如编写新的消息 View 。我可以捕获并取消/继续执行哪些事件？

Answer 1

如果您说有链接或按钮导航到另一条路线或州，则只需显示一个模式即可确认导航:

<a href="" ng-click="goToAnotherState()">Go Away...</a>

$scope.goToAnotherState = function(){

//show modal and get confirmating however your like
  if(modalResponse.Ok){
     $state.go('anotherState');
  }
}

另一个选择是在ui-router的 $locationChangeStart事件中执行此操作，但是如果您只在此处查看此内容，则第一种方法会更好。 $locationChangeStart方法:

$rootScope.$on('$locationChangeStart', function (event, next, prev) {
  event.preventDefault();
  //show modal
  if(modalResponse.ok){
    var destination = next.substr(next.indexOf('#') + 1, next.length).trim();
    $location.path(destination)
  }
}