解决Angular2 router.navigate刷新页面的问题
更新时间：2018年08月31日 09:37:16 作者：erciyuan_nuonuo
今天小编就为大家分享一篇解决Angular2 router.navigate刷新页面的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
造成这个问题一般是因为我们在<form>表单中使用<button>时忘记添加type属性，在表单中，如果忘记给按钮添加属性，会默认为submit，如果在子元素中会向上冒泡触发submit
<button (click)="toDetail()">detail</button>
toDetail() {
this._router.navigate(['/detail']);
}
解决方法：
1.添加type
<button type="button" (click)="toDetail()">detail</button>
2.click添加false
<button (click)="toDetail();false">detail</button>
3.函数返回false
toDetail:boolean(){
return false;
}
以上这篇解决Angular2 router.navigate刷新页面的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了AngularJS 模块化，这里整理了详细的资料及简单实例代码，实现效果图，有需要的小伙伴可以参考下2016-09-09
这篇文章主要介绍了详解为生产环境编译Angular2应用的方法,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
AngularJS入门教程之与服务器(Ajax)交互操作示例【附完整demo源码下载】
这篇文章主要介绍了AngularJS与服务器Ajax交互操作的方法,可实现post传输数据的功能,并附带完整的demo源码供读者下载参考,源码中还包含了前面章节的示例文件,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了Angularjs中数据绑定的实例详解的相关资料,这里提供简单实例，大家可以参考下，希望通过本文可以掌握这部分内容，需要的朋友可以参考下2017-08-08
不得不说指令是ng最为强大的功能之一，好吧，也可以去掉之一，是最强大的功能。下面这篇文章主要给大家介绍了关于Angular4中内置指令的基本用法，文中通过示例代码介绍的非常详细，需要的朋友们下面来一起看看吧。2017-07-07
本篇文章主要介绍了Angular如何引入第三方库的方法详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
在本章中将讨论事件绑定在Angular7中的工作方式,当用户以键盘移动,鼠标单击或鼠标悬停的形式与应用程序交互时,它将生成一个事件,需要处理这些事件以执行某种操作,考虑一个示例以更好地理解这一点2023-12-12
本篇文章主要介绍了angularjs ui-router中路由的二级嵌套，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-03-03
这篇文章主要介绍了Angular8 实现table表格表头固定效果，表头固定，内部实现滚动条效果，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2020-01-01
这篇文章主要介绍了Angular2 NgModule 模块详解的相关资料,并附简单实例，需要的朋友可以参考下2016-10-10
最新评论