AngularJS中重新加載當(dāng)前路由頁面的方法
這個問題同樣困擾我很久，網(wǎng)上的回答五花八門，全都不能解決；終于在網(wǎng)上找很久，看到某大神的解決辦法，整理作此分享；使用ui-router重新加載當(dāng)前頁面的問題。(ui-router版本需要是0.2.14以上的)
用angular做項目，會碰到需要點擊菜單刷新當(dāng)前頁面，加載當(dāng)前頁面，但是同一個路由頁面點擊沒反應(yīng)；
假設(shè)我們的路由頁面 app.toMenu ;
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="app.toMenu" ui-sref-opts="{reload:true}">
<!-- 網(wǎng)上普遍都說這樣刷新，但這個是整個頁面也同時都刷新了 -->
其實，reload除了可以傳遞布爾類型型參數(shù)，還可以傳string和object型參數(shù)，如果只是想刷新當(dāng)前的路由頁面，而不去連帶刷新父路由，我們可以把reload的參數(shù)值設(shè)置為當(dāng)前路由頁面標(biāo)識。
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="app.toMenu" ui-sref-opts="{reload:'app.toMenu'}">
<!-- 這個方法刷新當(dāng)前路由頁面 -->
另外也可以用$state.reload();
$state.reload()是加載整個頁面;
$state.reload('app.toMenu');加載當(dāng)前頁面；
<a href="" ng-click=" rel="external nofollow" reloadCurPage()">
<!-- controller里面 $scope -->
$scope.reloadCurPage = function(){
$state.reload('app.toMenu');
}
注：如果標(biāo)識是變量的話
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="{{k.value}}" ui-sref-opts="{reload:'{{k.value}}'}">
以上這篇AngularJS中重新加載當(dāng)前路由頁面的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本文主要對Angular的模塊化進(jìn)行案例分析介紹，具有一定的參考價值，下面跟著小編一起來看下吧2016-12-12
使用Angular9和TypeScript開發(fā)RPG游戲的方法
這篇文章主要介紹了使用Angular9和TypeScript開發(fā)RPG游戲的方法，本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-03
Angular7實現(xiàn)拖放Drag?Drop示例詳解
這篇文章主要介紹了Angular7實現(xiàn)拖放Drag?Drop示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-12-12
完美解決UI-Grid表格元素中多個空格顯示為一個空格的問題
下面小編就為大家?guī)硪黄昝澜鉀QUI-Grid表格元素中多個空格顯示為一個空格的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
這篇文章主要介紹了Angular2 (RC5) 路由與導(dǎo)航的相關(guān)資料,需要的朋友可以參考下2016-09-09
Angular應(yīng)用程序的Hydration基本概念詳解
這篇文章主要為大家介紹了Angular應(yīng)用程序的Hydration基本概念詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-09-09
AngularJS模仿Form表單提交的實現(xiàn)代碼
本文通過一段實例代碼給大家簡單介紹了angularjs模仿form表單提交的方法，非常不錯，具有參考借鑒價值，感興趣的朋友一起看看吧2016-12-12
如何解決手機瀏覽器頁面點擊不跳轉(zhuǎn)瀏覽器雙擊放大網(wǎng)頁
這篇文章主要介紹了如何解決手機瀏覽器頁面點擊不跳轉(zhuǎn)瀏覽器雙擊放大網(wǎng)頁的相關(guān)資料,需要的朋友可以參考下2016-07-07
本篇文章主要介紹了Angular實現(xiàn)預(yù)加載延遲模塊的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
詳解為Angular.js內(nèi)置$http服務(wù)添加攔截器的方法
所謂攔截器就是在目標(biāo)達(dá)到目的地之前對其進(jìn)行處理以便處理結(jié)果更加符合我們的預(yù)期。Angular的$http攔截器是通過$httpProvider.interceptors數(shù)組定義的一組攔截器，每個攔截器都是實現(xiàn)了某些特定方法的Factory。本文就介紹了為Angular.js內(nèi)置$http服務(wù)添加攔截器的方法。2016-12-12