Angular ui-router:离开特定页面时警告用户

Question

在我的角度应用程序,我需要他之前警告用户离开一个特定的网页,而不是每一个页面.

如果我$locationChangeStart在页面的控制器中使用我要警告用户的内容,即使进入页面也会触发,这是不希望的.

如果我在父控制器上使用它,它将在任何地方触发,我必须添加复杂的if/else或switch结构,基本上告诉它永远不会触发,除非用户放弃该特定状态.

如何检测用户实际离开(并且仅离开)特定的stateUI-Router？

Answer 1

您应该使用一个事件（并挂在您自己的监听器上）

$ stateChangeStart

状态转换开始时触发。您可以使用event.preventDefault()来防止发生过渡，然后过渡承诺将被拒绝并带有“防止过渡”值。

...

例：

$rootScope.$on('$stateChangeStart',
function(event, toState, toParams, fromState, fromParams){
    event.preventDefault();
    // transitionTo() promise will be rejected with
    // a 'transition prevented' error
})

此问答中有详细的说明和有效的插件：

• $ locationChangeSuccess和$ stateChangeStart混淆
• AngularJS UI路由器。如何重定向到登录页面
• Angular ui路由器-重定向根本不起作用