解決Angular2 router.navigate刷新頁面的問題
更新時間：2018年08月31日 09:37:16 作者：erciyuan_nuonuo
今天小編就為大家分享一篇解決Angular2 router.navigate刷新頁面的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
造成這個問題一般是因?yàn)槲覀冊?lt;form>表單中使用<button>時忘記添加type屬性，在表單中，如果忘記給按鈕添加屬性，會默認(rèn)為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刷新頁面的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了angular手寫樹形二級表格的完整代碼，代碼簡單易懂，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-10-10
這篇文章主要介紹了淺析webapp框架AngularUI的demo以及對demo的簡單修改，需要的朋友可以參考下2014-12-12
下面小編就為大家?guī)硪黄仙Ｕ刟ngularjs中的$state.go。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
這篇文章主要介紹了AngularJS中指令的四種基本形式,結(jié)合實(shí)例形式分析了AngularJS指令的定義、使用方法及相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-11-11
Angular的Bootstrap(引導(dǎo))和Compiler(編譯)機(jī)制
這篇文章主要介紹了Angular的Bootstrap(引導(dǎo))和Compiler(編譯)機(jī)制的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
AngulaJS路由 ui-router 傳參實(shí)例
本篇文章主要介紹了AngulaJS路由 ui-router 傳參實(shí)例 ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
angularJs在多個控制器中共享服務(wù)數(shù)據(jù)的方法
今天小編就為大家分享一篇angularJs在多個控制器中共享服務(wù)數(shù)據(jù)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
大家在使用angularjs的時候，很容易忽略AngularJS自帶指令的作用域問題，有一些指令會產(chǎn)生獨(dú)立的自己作用域，造成子級無法與父級作用域雙向綁定的問題。下面我們來看看這些問題，有需要的可以參考借鑒。2016-09-09
Angular.Js之Scope作用域的學(xué)習(xí)教程
這篇文章主要給大家分享了關(guān)于Angular.Js之Scope作用域的學(xué)習(xí)教程 ,文中通過多個示例代碼介紹的非常詳細(xì)，相信對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。2017-04-04
快速學(xué)習(xí)AngularJs HTTP響應(yīng)攔截器
任何時候，如果我們想要為請求添加全局功能，例如身份認(rèn)證、錯誤處理等，在請求發(fā)送給服務(wù)器之前或服務(wù)器返回時對其進(jìn)行攔截，是比較好的實(shí)現(xiàn)手段2015-12-12