AngularJS监听路由的变化示例代码

前端之家收集整理的这篇文章主要介绍了AngularJS监听路由的变化示例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

话不多说,我们下面直接来看实现的示例代码

【一】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 '监听页面渲染状态:渲染开始和渲染结束。

(在控制器中添加以下代码实现监听)

总结

以上就是这篇文章的全部内容,希望能对大家的学习或者工作带来一定的帮助,如果有疑问大家可以留言交流。

原文链接:https://www.f2er.com/js/45632.html

猜你在找的JavaScript相关文章