当客户端使用 Angular js 在地址栏中点击时阻止导航

Question

您好，当用户在地址栏中输入/定价时，我必须停止导航 并且仅在 $location.path("/pricing") 被触发时导航

when("/pricing", {
        templateUrl: "app/components/Pricing/pricing.html",
    })

如何做到这一点？请帮帮我

Answer 1

您可以做的一件事是设置flag 并仅在标志为true 时导航，否则会阻止locationChangeStart 中的默认操作。

yourApp.run(['$rootScope', function ($rootScope) {
  $rootScope.$on('$locationChangeStart', function (event, next, current) {
       if($location.path() == '/pricing' && !flag) 
         event.preventDefault(); // This prevents the navigation from happening
      }
    );
  }]);