AngularJS ui-router刷新子頁面路由的方法
更新時(shí)間：2018年07月23日 14:06:41 作者：小旺同學(xué)
這篇文章主要介紹了AngularJS ui-router刷新子頁面路由的方法，網(wǎng)上雖然有很多種方法，但是都不適合小編，今天小編給大家分享一個(gè)還不錯(cuò)的方法，需要的朋友可以參考下
網(wǎng)上有各種刷新子頁面路由的方法，但是不知道為什么放到我的頁面就不行了，尷尬！
網(wǎng)上的方法有：
<a href="#" rel="external nofollow" ui-sref="app.toMenu" ui-sref-opts="{reload:'app.toMenu'}">
<!-- 這個(gè)方法刷新當(dāng)前路由頁面 -->
另外也可以用$state.reload();
$state.reload()是加載整個(gè)頁面;
$state.reload('app.toMenu');加載當(dāng)前頁面；
<a href="" ng-click=" rel="external nofollow" reloadCurPage()">
<!-- controller里面 $scope -->
$scope.reloadCurPage = function(){
$state.reload('app.toMenu');
}
如果以上方法都不行的，可以試一下這樣：
controllerjs里面：點(diǎn)擊后，先reload刷新一下，然后定時(shí)器里面跳轉(zhuǎn)到URL路由，這樣就可以刷新子路由頁面了。（定時(shí)器設(shè)置小一點(diǎn)，這樣跳轉(zhuǎn)就不會(huì)顯得“生硬”）
$scope.toSubPage = function (name) {
var param = {};
if (name == 'report') {
param = {id: 1};
}
$state.reload();
$timeout(function () {
$state.go('home.' + name, param,{reload:false});
},5)
}
總結(jié)
以上所述是小編給大家介紹的AngularJS ui-router刷新子頁面路由的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
AngularJs ng-route路由詳解及實(shí)例代碼
這篇文章主要介紹了AngularJs ng-route路由,這里整理相關(guān)資料及簡單實(shí)例代碼，有興趣的小伙伴可以參考下2016-09-09
本文通過對比幾種Angular組件間的通信方式,給大家介紹了一種新的Angular組件間通信的解決方案,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
AngularJs Dependency Injection（DI，依賴注入）
本文主要介紹AngularJs Dependency Injection，這里整理了詳細(xì)資料及示例代碼有興趣的小伙伴可以參考下2016-09-09
Angularjs中數(shù)據(jù)綁定的實(shí)例詳解
這篇文章主要介紹了Angularjs中數(shù)據(jù)綁定的實(shí)例詳解的相關(guān)資料,這里提供簡單實(shí)例，大家可以參考下，希望通過本文可以掌握這部分內(nèi)容，需要的朋友可以參考下2017-08-08
AngularJS中如何使用$http對MongoLab數(shù)據(jù)表進(jìn)行增刪改查
這篇文章主要介紹了AngularJS中如何使用$http對MongoLab數(shù)據(jù)表進(jìn)行增刪改查的相關(guān)資料,需要的朋友可以參考下2016-01-01
這篇文章主要介紹了AngularJS多視圖切換用法,結(jié)合實(shí)例形式分析了AngularJS基于多視圖切換實(shí)現(xiàn)碎片文件動(dòng)態(tài)載入的相關(guān)操作技巧,需要的朋友可以參考下2016-11-11
angular2 組件之間通過service互相傳遞的實(shí)例
今天小編就為大家分享一篇angular2 組件之間通過service互相傳遞的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
詳解Angular調(diào)試技巧之報(bào)錯(cuò)404(not found)
本篇文章主要介紹了詳解Angular調(diào)試技巧之報(bào)錯(cuò)404(not found)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01
這篇文章主要介紹了AngularJS變量及過濾器Filter用法,結(jié)合實(shí)例形式分析了AngularJS變量、過濾器及自定義過濾器的相關(guān)用法與注意事項(xiàng),需要的朋友可以參考下2016-11-11
這篇文章主要介紹了AngularJS讀取JSON及XML文件的方法,涉及AngularJS針對xml及json格式文件數(shù)據(jù)的讀取、遍歷、輸出等相關(guān)操作技巧,需要的朋友可以參考下2017-05-05