AngularJS中如何重新加載當(dāng)前路由頁(yè)面

這篇文章主要介紹了AngularJS中如何重新加載當(dāng)前路由頁(yè)面，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

用angular做項(xiàng)目，會(huì)碰到需要點(diǎn)擊菜單刷新當(dāng)前頁(yè)面，加載當(dāng)前頁(yè)面，但是同一個(gè)路由頁(yè)面點(diǎn)擊沒反應(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)上普遍都說這樣刷新，但這個(gè)是整個(gè)頁(yè)面也同時(shí)都刷新了 -->

其實(shí)，reload除了可以傳遞布爾類型型參數(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í)是變量的話

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="{{k.value}}" ui-sref-opts="{reload:'{{k.value}}'}">

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“AngularJS中如何重新加載當(dāng)前路由頁(yè)面”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!