话不多说,我们下面直接来看实现的示例代码
【一】Angular 路由状态发生改变时可以通过' $stateChangeStart
'、' $stateChangeSuccess
'、' $stateChangeError
'监听,通过注入'$location'实现状态的管理
代码示例如下:
获取参数之后可以调请求判断需要渲染什么页面,渲染不同的页面通过 $location 实现
if (toParams.id == 10) {
//$location.path();//获取路由地址
// $location.path('/validation').replace();
// event.preventDefault()可以阻止模板解析
}
}
})
// stateChangeSuccess 当模板解析完成后触发
$rootScope.$on('$stateChangeSuccess',fromParams) {
})
// $stateChangeError 当模板解析过程中发生错误时触发
$rootScope.$on('$stateChangeError',fromParams,error) {
})
}
【2】在页面渲染中 可通过' $viewContentLoading
'和 ' $viewContentLoaded
'监听页面渲染状态:渲染开始和渲染结束。