angular同一页面跳转重新执行的实现方法
更新时间：2023年11月17日 16:56:19 作者：钥零零
这篇文章主要介绍了angular同一页面跳转重新执行的实现方法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
angular同一页面跳转重新执行方法
问题
当收到导航到当前URL的请求，Angular路由器会忽略，重复点击同一链接页面不会刷新，也不会重新执行ngOnInit函数
解决
1、跳转时给Router中增加参数
this.router.navigate([path],{queryParams:{lang:'zh-cn'}})
2、在组件中订阅queryParamMap，判断有lang字段就重新执行init方法
constructor(
private sanitizer: DomSanitizer,
private routerInfo: ActivatedRoute,) {
this.routerInfo.queryParamMap.subscribe(params => {
if (params.get('lang')) {
this.init();
}
});
}
init(): void{
console.log('重新执行了')
}
angularjs中界面跳转或返回，界面刷新问题cache:false
问题描述
第一次进界面，按钮可以点击，第二次进去按钮不能点击了，按钮事件是在controller里写的。
解决方法
加上cache:false,即可。表示页面重新刷新加载。
.state('tab.shouye', {
cache:false,
url: '/shouye',
views: {
'tab-shouye': {
templateUrl: 'App/Views/tab-shouye.html',
controller: 'shouyeCtrl'
}
}
})总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
使用 Angular RouteReuseStrategy 缓存（路由）组件的实例代码
这篇文章主要介绍了使用 Angular RouteReuseStrategy 缓存（路由）组件的实例代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-11-11
这篇文章主要介绍了Angular Renderer (渲染器)的具体使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
快速解决angularJS中用post方法时后台拿不到值的问题
今天小编就为大家分享一篇快速解决angularJS中用post方法时后台拿不到值的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
作为一种大受欢迎的Web应用程序框架,Angular终于迎来了版本4.0，下面这篇文章主要给大家介绍了关于Angular 4.0学习教程之架构的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。2017-09-09
这篇文章主要介绍了Angularjs 事件指令详细整理的相关资料,这里对AngularJS 的所有的事件指令一一做出详细介绍，需要的朋友可以参考下2017-07-07
本文将介绍Angular子路由的用法，对此感兴趣的同学，可以参考下2021-05-05
本文主要给大家介绍基于AngularJS实现页面滚动到底自动加载数据的功能，通过第三方控件来实现，感兴趣的朋友跟着小编一起看看具体实现代码吧2015-10-10
这篇文章主要介绍了Angular5.1新功能以及相关的用法，需要的朋友参考学习下吧。2017-12-12
深入理解node exports和module.exports区别
下面小编就为大家带来一篇深入理解node exports和module.exports区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
本篇文章主要介绍了angular中使用Socket.io实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
最新评论