解決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.函數返回false

toDetail:boolean(){
 return false;
}

以上這篇解決Angular2 router.navigate刷新頁面的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

基于angular實現(xiàn)樹形二級表格
這篇文章主要介紹了angular手寫樹形二級表格的完整代碼，代碼簡單易懂，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2021-10-10
淺析webapp框架AngularUI的demo
這篇文章主要介紹了淺析webapp框架AngularUI的demo以及對demo的簡單修改，需要的朋友可以參考下
2014-12-12
老生常談angularjs中的$state.go
下面小編就為大家?guī)硪黄仙Ｕ刟ngularjs中的$state.go。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-04-04
AngularJS中指令的四種基本形式實例分析
這篇文章主要介紹了AngularJS中指令的四種基本形式,結合實例形式分析了AngularJS指令的定義、使用方法及相關注意事項,需要的朋友可以參考下
2016-11-11
Angular的Bootstrap(引導)和Compiler(編譯)機制
這篇文章主要介紹了Angular的Bootstrap(引導)和Compiler(編譯)機制的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-06-06
AngulaJS路由 ui-router 傳參實例
本篇文章主要介紹了AngulaJS路由 ui-router 傳參實例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-04-04
angularJs在多個控制器中共享服務數據的方法
今天小編就為大家分享一篇angularJs在多個控制器中共享服務數據的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-09-09
詳細談談AngularJS的子級作用域問題
大家在使用angularjs的時候，很容易忽略AngularJS自帶指令的作用域問題，有一些指令會產生獨立的自己作用域，造成子級無法與父級作用域雙向綁定的問題。下面我們來看看這些問題，有需要的可以參考借鑒。
2016-09-09
Angular.Js之Scope作用域的學習教程
這篇文章主要給大家分享了關于Angular.Js之Scope作用域的學習教程 ,文中通過多個示例代碼介紹的非常詳細，相信對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。
2017-04-04
快速學習AngularJs HTTP響應攔截器
任何時候，如果我們想要為請求添加全局功能，例如身份認證、錯誤處理等，在請求發(fā)送給服務器之前或服務器返回時對其進行攔截，是比較好的實現(xiàn)手段
2015-12-12