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