解决Angular2 router.navigate刷新页面的问题


Posted in Javascript onAugust 31, 2018

造成这个问题一般是因为我们在<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刷新页面的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery live
May 15 Javascript
javascript 设置某DIV区域内的checkbox复选框
Nov 30 Javascript
JavaScript高级程序设计 客户端存储学习笔记
Sep 10 Javascript
jQuery图片轮播的具体实现
Sep 11 Javascript
JavaScript通过事件代理高亮显示表格行的方法
May 27 Javascript
JavaScript模拟实现键盘打字效果
Jun 29 Javascript
JavaScript代码生成PDF文件的方法
Feb 26 Javascript
Jquery判断form表单数据是否变化
Mar 30 Javascript
BootStrap和jQuery相结合实现可编辑表格
Apr 21 Javascript
JavaScript编写九九乘法表(两种任选)
Feb 04 Javascript
jQuery实现 RadioButton做必选校验功能
Jun 15 jQuery
通过GASP让vue实现动态效果实例代码详解
Nov 24 Javascript
浅谈angularJS2中的界面跳转方法
Aug 31 #Javascript
详解vue使用vue-layer-mobile组件实现toast,loading效果
Aug 31 #Javascript
Angular2之二级路由详解
Aug 31 #Javascript
基于jQuery ztree实现表格风格的树状结构
Aug 31 #jQuery
详解Vue CLI3配置之filenameHashing使用和源码设计使用和源码设计
Aug 31 #Javascript
Bootstrap Table 双击、单击行获取该行及全表内容
Aug 31 #Javascript
vue通过滚动行为实现从列表到详情,返回列表原位置的方法
Aug 31 #Javascript
You might like
回答PHPCHINA上的几个问题:URL映射
2007/02/14 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十)
2014/06/24 PHP
Javascript中的数学函数
2007/04/04 Javascript
Javascript结合css实现网页换肤功能
2009/11/02 Javascript
javascript &amp;&amp;和||运算法的另类使用技巧
2009/11/28 Javascript
jquery 日期分离成年月日的代码
2010/05/14 Javascript
javascript中的继承实例代码
2011/04/27 Javascript
JS获取url链接字符串 location.href
2013/12/23 Javascript
javascript操作css属性
2013/12/30 Javascript
jquery实现图片上传之前预览的方法
2015/07/11 Javascript
浅析JavaScript声明变量
2015/12/21 Javascript
基于jQuery实现的幻灯图片切换
2016/12/02 Javascript
jQuery Ajax File Upload实例源码
2016/12/12 Javascript
Jquery Easyui对话框组件Dialog使用详解(14)
2016/12/19 Javascript
jQuery点击导航栏选中更换样式的实现代码
2017/01/23 Javascript
JavaScript满天星导航栏实现方法
2018/03/08 Javascript
Bootstrap导航菜单点击后无法自动添加active的处理方法
2018/08/10 Javascript
Vue页面跳转传递参数及接收方式
2020/09/09 Javascript
线程和进程的区别及Python代码实例
2015/02/04 Python
深入理解NumPy简明教程---数组3(组合)
2016/12/17 Python
Pycharm编辑器技巧之自动导入模块详解
2017/07/18 Python
Python实现的各种常见分布算法示例
2018/12/13 Python
pyhanlp安装介绍和简单应用
2019/02/22 Python
如何写python的配置文件
2020/06/07 Python
解决Pytorch自定义层出现多Variable共享内存错误问题
2020/06/28 Python
python中Array和DataFrame相互转换的实例讲解
2021/02/03 Python
HTML5中的nav标签学习笔记
2016/06/24 HTML / CSS
canvas需要在标签里直接定义宽高
2014/12/17 HTML / CSS
整理HTML5中支持的URL编码与字符编码
2016/02/23 HTML / CSS
英国第二大营养品供应商:Vitabiotics
2016/10/01 全球购物
土木工程专业自荐信
2013/10/04 职场文书
出国考察邀请函
2014/01/21 职场文书
2014物价局群众路线对照检查材料思想汇报
2014/09/21 职场文书
python自动化八大定位元素讲解
2021/07/09 Python
Python Django项目和应用的创建详解
2021/11/27 Python
什么是clearfix (一文搞清楚css清除浮动clearfix)
2023/05/21 HTML / CSS