場景描述:在ng的某個路由中,需要在用戶離開當(dāng)前路由時提示用戶是否確認(rèn)離開
我的疑惑:如果是普通的應(yīng)用,我們可以使用js來判斷用戶是否要離開,但是在單頁應(yīng)用中,所有的跳轉(zhuǎn)離開其實都是在一個頁面中,我想判斷用戶是否離開當(dāng)前路由,但是沒找到ng提供的公戶離開路由的方法
求各位前輩的思路~
ui-router里面有一個事件可以監(jiān)控狀態(tài)的改變,回調(diào)函數(shù)中參數(shù)可以記錄當(dāng)前頁面
$rootScope.$on('$stateChangeStart', function (event, toState, fromState){
});
ng中如果使用ui-router來作為路由系統(tǒng)??梢允褂胾i-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ù)。