您好,登錄后才能下訂單哦!
這篇文章主要介紹了AngularJS中如何重新加載當前路由頁面,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
用angular做項目,會碰到需要點擊菜單刷新當前頁面,加載當前頁面,但是同一個路由頁面點擊沒反應;
假設我們的路由頁面 app.toMenu ;
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="app.toMenu" ui-sref-opts="{reload:true}"> <!-- 網上普遍都說這樣刷新,但這個是整個頁面也同時都刷新了 -->
其實,reload除了可以傳遞布爾類型型參數,還可以傳string和object型參數,如果只是想刷新當前的路由頁面,而不去連帶刷新父路由,我們可以把reload的參數值設置為當前路由頁面標識。
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="app.toMenu" ui-sref-opts="{reload:'app.toMenu'}"> <!-- 這個方法刷新當前路由頁面 -->
另外也可以用$state.reload();
$state.reload()是加載整個頁面;
$state.reload('app.toMenu');加載當前頁面;
<a href="" ng-click=" rel="external nofollow" reloadCurPage()"> <!-- controller里面 $scope --> $scope.reloadCurPage = function(){ $state.reload('app.toMenu'); }
注:如果標識是變量的話
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="{{k.value}}" ui-sref-opts="{reload:'{{k.value}}'}">
感謝你能夠認真閱讀完這篇文章,希望小編分享的“AngularJS中如何重新加載當前路由頁面”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。