解决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 相关文章推荐
childNodes.length与children.length的区别
May 14 Javascript
firefox插件Firebug的使用教程
Jan 02 Javascript
javascript delete 使用示例代码
Mar 29 Javascript
Javascript 静态页面实现随机显示广告的办法
Nov 17 Javascript
node.js 一个简单的页面输出实现代码
Mar 07 Javascript
js获取当前日期时间及其它操作汇总
Apr 17 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
Aug 24 Javascript
更靠谱的H5横竖屏检测方法(js代码)
Sep 13 Javascript
详解AngularJs中$sce与$sceDelegate上下文转义服务
Sep 21 Javascript
微信小程序input框中加入小图标的实现方法
Jun 19 Javascript
koa源码中promise的解读
Nov 13 Javascript
原生Js 实现的简单无缝滚动轮播图的示例代码
May 10 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
PHP优于Node.js的五大理由分享
2012/09/15 PHP
php去除数组中重复数据
2014/11/18 PHP
php实现ip白名单黑名单功能
2015/03/12 PHP
php简单中奖算法(实例)
2017/08/15 PHP
php图片裁剪函数
2018/10/31 PHP
Thinkphp 框架扩展之行为扩展原理与实现方法分析
2020/04/23 PHP
利用ASP发送和接收XML数据的处理方法与代码
2007/11/13 Javascript
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
2012/12/27 Javascript
onkeypress字符按键兼容所有浏览器使用介绍
2013/04/24 Javascript
jQuery选择器全面总结
2014/01/06 Javascript
node.js中的emitter.emit方法使用说明
2014/12/10 Javascript
jQuery实现数字加减效果汇总
2014/12/16 Javascript
限制复选框最多选择项的实现代码
2016/05/30 Javascript
整理一下常见的IE错误
2016/11/18 Javascript
Angular.js跨controller实现参数传递的两种方法
2017/02/20 Javascript
详解HTTPS 的原理和 NodeJS 的实现
2017/07/04 NodeJs
详解.vue文件解析的实现
2018/06/11 Javascript
vue.js计算属性computed用法实例分析
2018/07/06 Javascript
浅谈Angular 观察者模式理解
2018/11/01 Javascript
VUE 实现动态给对象增加属性,并触发视图更新操作示例
2019/11/29 Javascript
[04:44]DOTA2西游记战队视频彩蛋流出 师徒开黑巧遇林书豪
2016/08/03 DOTA
python高并发异步服务器核心库forkcore使用方法
2013/11/26 Python
Python 获取新浪微博的最新公共微博实例分享
2014/07/03 Python
python定时利用QQ邮件发送天气预报的实例
2017/11/17 Python
Python实现查询某个目录下修改时间最新的文件示例
2018/08/29 Python
python使用matplotlib画柱状图、散点图
2019/03/18 Python
python构建指数平滑预测模型示例
2019/11/21 Python
Python通过TensorFLow进行线性模型训练原理与实现方法详解
2020/01/15 Python
使用python matplotlib 画图导入到word中如何保证分辨率
2020/04/16 Python
小学数学教学反思
2014/02/02 职场文书
节能减排倡议书
2014/04/15 职场文书
2015年毕业实习工作总结
2014/12/12 职场文书
面试通知单大全
2015/04/20 职场文书
CSS中em的正确打开方式详解
2021/04/08 HTML / CSS
CSS的class与id常用的命名规则
2021/05/18 HTML / CSS
javascript实现计算器功能详解流程
2021/11/01 Javascript