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 Universal服务器端渲染避免 window is not&
这篇文章主要介绍了Angular Universal服务器端渲染避免 window is not defined错误消息,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-07-07Angular 2 利用Router事件和Title实现动态页面标题的方法
本篇文章主要介绍了Angular 2 利用Router事件和Title实现动态页面标题的方法,具有一定的参考价值,有兴趣的可以了解一下2017-08-08angular使用md5,CryptoJS des加密的方法
这篇文章主要介绍了angular使用md5,CryptoJS des加密的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2019-06-06
最新评论