問題描述

場景描述：在ng的某個路由中，需要在用戶離開當前路由時提示用戶是否確認離開

我的疑惑：如果是普通的應(yīng)用，我們可以使用js來判斷用戶是否要離開，但是在單頁應(yīng)用中，所有的跳轉(zhuǎn)離開其實都是在一個頁面中，我想判斷用戶是否離開當前路由，但是沒找到ng提供的公戶離開路由的方法

求各位前輩的思路~

問題解答

我只知道Vue可以

route: { deactivate() {... }}回答2：

ui-router里面有一個事件可以監(jiān)控狀態(tài)的改變，回調(diào)函數(shù)中參數(shù)可以記錄當前頁面$rootScope.$on(’$stateChangeStart’, function (event, toState, fromState){});

ng中如果使用ui-router來作為路由系統(tǒng)。可以使用ui-router的事件系統(tǒng)來對路由狀態(tài)的變化做出相應(yīng)的業(yè)務(wù)邏輯。

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

詳情可以參考ui-router中的$state

js原生通過hashchange事件，來監(jiān)聽頁面hash是否變化，在單頁面應(yīng)用中，很多的框架都會封裝這個方法成鉤子函數(shù)。