下面我就為大家分享一篇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:'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重新載入目前路由頁面,有哪些方法?的詳細內容。更多資訊請關注PHP中文網其他相關文章!