AngularJS中重新加載當(dāng)前路由頁(yè)面的方法
這個(gè)問(wèn)題同樣困擾我很久，網(wǎng)上的回答五花八門(mén)，全都不能解決；終于在網(wǎng)上找很久，看到某大神的解決辦法，整理作此分享；使用ui-router重新加載當(dāng)前頁(yè)面的問(wèn)題。(ui-router版本需要是0.2.14以上的)
用angular做項(xiàng)目，會(huì)碰到需要點(diǎn)擊菜單刷新當(dāng)前頁(yè)面，加載當(dāng)前頁(yè)面，但是同一個(gè)路由頁(yè)面點(diǎn)擊沒(méi)反應(yīng)；
假設(shè)我們的路由頁(yè)面 app.toMenu ;
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="app.toMenu" ui-sref-opts="{reload:true}">
<!-- 網(wǎng)上普遍都說(shuō)這樣刷新，但這個(gè)是整個(gè)頁(yè)面也同時(shí)都刷新了 -->
其實(shí)，reload除了可以傳遞布爾類(lèi)型型參數(shù)，還可以傳string和object型參數(shù)，如果只是想刷新當(dāng)前的路由頁(yè)面，而不去連帶刷新父路由，我們可以把reload的參數(shù)值設(shè)置為當(dāng)前路由頁(yè)面標(biāo)識(shí)。
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="app.toMenu" ui-sref-opts="{reload:'app.toMenu'}">
<!-- 這個(gè)方法刷新當(dāng)前路由頁(yè)面 -->
另外也可以用$state.reload();
$state.reload()是加載整個(gè)頁(yè)面;
$state.reload('app.toMenu');加載當(dāng)前頁(yè)面；
<a href="" ng-click=" rel="external nofollow" reloadCurPage()">
<!-- controller里面 $scope -->
$scope.reloadCurPage = function(){
$state.reload('app.toMenu');
}
注：如果標(biāo)識(shí)是變量的話(huà)
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="{{k.value}}" ui-sref-opts="{reload:'{{k.value}}'}">
以上這篇AngularJS中重新加載當(dāng)前路由頁(yè)面的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Angular服務(wù)Request異步請(qǐng)求的實(shí)例講解
今天小編就為大家分享一篇Angular服務(wù)Request異步請(qǐng)求的實(shí)例講解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
我們所說(shuō)的模塊，是你的AngularJS應(yīng)用程序的一個(gè)組成部分，它可以是一個(gè)Controller，也可以是一個(gè)Service服務(wù)，也可以是一個(gè)過(guò)濾器(Filter)，也可以是一個(gè)directive(指令)等等…都是屬于一個(gè)模塊,本文給大家介紹AngularJS中的module(模塊) ，感興趣的朋友一起學(xué)習(xí)吧2016-01-01
本篇文章主要介紹了詳解angular中的作用域及繼承，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05
詳解ionic本地相冊(cè)、拍照、裁剪、上傳（單圖完全版）
本篇文章主要介紹了ionic本地相冊(cè)、拍照、裁剪、上傳（單圖完全版），非常具有實(shí)用價(jià)值，需要的朋友可以參考下2017-10-10
使用Angular 6創(chuàng)建各種動(dòng)畫(huà)效果的方法
Angular能夠讓我們創(chuàng)建出具有原生表現(xiàn)效果的動(dòng)畫(huà)。我們將通過(guò)本文學(xué)習(xí)到如何使用Angular 6來(lái)創(chuàng)建各種動(dòng)畫(huà)效果。在此，我們將使用Visual Studio Code來(lái)進(jìn)行示例演示。感興趣的朋友跟隨小編一起看看吧2018-10-10
本文主要介紹AngularJS HTML DOM基礎(chǔ)知識(shí)，這里整理了相關(guān)資料和示例代碼進(jìn)行詳解，有需要的小伙伴可以參考下2016-08-08
AngularJS實(shí)現(xiàn)表單元素值綁定操作示例
這篇文章主要介紹了AngularJS實(shí)現(xiàn)表單元素值綁定操作,結(jié)合具體實(shí)例形式分析了AngularJS針對(duì)表單元素屬性相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
Angular實(shí)現(xiàn)預(yù)加載延遲模塊的示例
本篇文章主要介紹了Angular實(shí)現(xiàn)預(yù)加載延遲模塊的示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
angular 表單驗(yàn)證器驗(yàn)證的同時(shí)限制輸入的實(shí)現(xiàn)
表單驗(yàn)證是經(jīng)常用到一個(gè)東西，這篇文章主要介紹了angular 表單驗(yàn)證器驗(yàn)證的同時(shí)限制輸入的實(shí)現(xiàn)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-04-04
本篇文章主要介紹了Angular2 組件通信的實(shí)例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06