解決Angular2 router.navigate刷新頁面的問題
更新時間：2018年08月31日 09:37:16 作者：erciyuan_nuonuo
今天小編就為大家分享一篇解決Angular2 router.navigate刷新頁面的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
造成這個問題一般是因為我們在<form>表單中使用<button>時忘記添加type屬性，在表單中，如果忘記給按鈕添加屬性，會默認為submit，如果在子元素中會向上冒泡觸發(fā)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.函數(shù)返回false
toDetail:boolean(){
return false;
}
以上這篇解決Angular2 router.navigate刷新頁面的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了angular ngClick阻止冒泡使用默認行為的方法,較為詳細的分析了AngularJS中ngClick事件執(zhí)行原理與阻止冒泡的實現(xiàn)技巧,需要的朋友可以參考下2016-11-11
這篇文章主要介紹了AngularJS中的指令實踐指南(二)的相關資料,需要的朋友可以參考下2016-03-03
客戶端表單驗證是AngularJS里面最酷的功能之一。 AngularJS表單驗證可以讓你從一開始就寫出一個具有交互性和可相應的現(xiàn)代HTML5表單。在AngularJS中，有許多表單驗證指令。在這里，我們將談談幾個最流行指令，然后我們將討論如何編寫自定義的驗證。2015-01-01
AngularJS 實現(xiàn)點擊按鈕獲取驗證碼功能實例代碼
本文通過實例代碼給大家介紹了AngularJS 實現(xiàn)點擊按鈕獲取驗證碼功能，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-07-07
這篇文章主要介紹了AngularJS中的攔截器實例詳解的相關資料,需要的朋友可以參考下2017-04-04
這篇文章主要介紹了淺談Angular路由守衛(wèi),小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
Material(包括Material Icon)在Angular2中的使用詳解
這篇文章主要介紹了Material(包括Material Icon)在Angular2中的使用,需要的朋友可以參考下2018-02-02
angular 實時監(jiān)聽input框value值的變化觸發(fā)函數(shù)方法
今天小編就為大家分享一篇angular 實時監(jiān)聽input框value值的變化觸發(fā)函數(shù)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
Angular響應式表單使用顯式的、不可變的方式,管理表單在特定的時間點上的狀態(tài),下面這篇文章主要給大家介紹了關于Angular中使用嵌套Form的詳細步驟,需要的朋友可以參考下2022-04-04
今天小編就為大家分享一篇淺談angular2子組件的事件傳遞(任意組件事件傳遞)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09