首頁 > web前端 > js教程 > 主體

根據AngularJS重新載入目前路由頁面,有哪些方法?

亚连
發布: 2018-05-31 15:35:21
原創
1627 人瀏覽過

下面我就為大家分享一篇AngularJS中重新載入目前路由頁面的方法,具有很好的參考價值,希望對大家有幫助。

這個問題同樣困擾我很久,網上的​​回答五花八門,全都不能解決;終於在網上找很久,看到某大神的解決辦法,整理作此分享;使用ui-router重新加載當前頁面的問題。 (ui-router版本需要是0.2.14以上的)

用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:&#39;app.toMenu&#39;}">
<!-- 这个方法刷新当前路由页面 -->
登入後複製

另外也可以用$state.reload();

$state.reload()是載入整個頁面;

$state.reload('app.toMenu ');載入目前頁面;

<a href="" ng-click=" rel="external nofollow" reloadCurPage()">
<!-- controller里面 $scope -->
$scope.reloadCurPage = function(){
 $state.reload(&#39;app.toMenu&#39;);
}
登入後複製

註:如果識別是變數的話

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="{{k.value}}" ui-sref-opts="{reload:&#39;{{k.value}}&#39;}">
登入後複製

上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

JavaScript中字串的常用操作方法及特殊字元

jQuery中each方法的使用詳解

jquery 實作拖曳檔案上傳載入進度條功能

#

以上是根據AngularJS重新載入目前路由頁面,有哪些方法?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!