AngularJS ui-router刷新子頁面路由的方法
更新時間：2018年07月23日 14:06:41 作者：小旺同學(xué)
這篇文章主要介紹了AngularJS ui-router刷新子頁面路由的方法，網(wǎng)上雖然有很多種方法，但是都不適合小編，今天小編給大家分享一個還不錯的方法，需要的朋友可以參考下
網(wǎng)上有各種刷新子頁面路由的方法，但是不知道為什么放到我的頁面就不行了，尷尬！
網(wǎng)上的方法有：
<a href="#" 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');
}
如果以上方法都不行的，可以試一下這樣：
controllerjs里面：點擊后，先reload刷新一下，然后定時器里面跳轉(zhuǎn)到URL路由，這樣就可以刷新子路由頁面了。（定時器設(shè)置小一點，這樣跳轉(zhuǎn)就不會顯得“生硬”）
$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刷新子頁面路由的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
Angular實現(xiàn)模版驅(qū)動表單的自定義校驗功能(密碼確認(rèn)為例)
這篇文章主要介紹了Angular實現(xiàn)模版驅(qū)動表單的自定義校驗功能(密碼確認(rèn)為例),本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2018-05-05
AngularJS進(jìn)行性能調(diào)優(yōu)的7個建議
AnglarJS作為一款優(yōu)秀的Web框架，可大大簡化前端開發(fā)的負(fù)擔(dān)。本文給大家介紹AngularJS進(jìn)行性能調(diào)優(yōu)的7個建議，涉及到angularjs性能調(diào)優(yōu)相關(guān)知識，對本文感興趣的朋友一起學(xué)習(xí)吧2015-12-12
AngularJS ng-repeat數(shù)組有重復(fù)值的解決方法
不知道大家是否遇到過這個問題，在當(dāng)Angular.JS ng-repeat數(shù)組中有重復(fù)項時，系統(tǒng)就會拋出異常，這是該怎么做？本文通過示例代碼介紹了詳細(xì)的解決方法，有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-10-10
這篇文章主要為大家纖細(xì)介紹了AngularJS directive返回對象屬性的相關(guān)內(nèi)容，感興趣的小伙伴們可以參考一下2016-03-03
AngularJS入門教程之AngularJS表達(dá)式
AngularJS應(yīng)用表達(dá)式是純javascript表達(dá)式，并輸出它們被使用的數(shù)據(jù)在那里。本文給大家介紹AngularJS入門教程之AngularJS表達(dá)式，對angularjs表達(dá)式相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-04-04
這篇文章主要介紹了AngularJS用戶選擇器指令,結(jié)合實例形式分析了angular指令實現(xiàn)選擇器功能的具體操作步驟與相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2016-11-11
這篇文章主要介紹了AngularJS實現(xiàn)全選反選功能，這里用到AngularJS四大特性之二----雙向數(shù)據(jù)綁定，對angularjs實現(xiàn)全選反選相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2015-12-12
angular.js 自帶jsonp，實現(xiàn)跨域，下面來實現(xiàn)搜索框的下拉列表功能，本文思路明確，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-02-02
本篇文章主要介紹了Angular CLI 安裝和使用教程，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
angular ngClick阻止冒泡使用默認(rèn)行為的方法
這篇文章主要介紹了angular ngClick阻止冒泡使用默認(rèn)行為的方法,較為詳細(xì)的分析了AngularJS中ngClick事件執(zhí)行原理與阻止冒泡的實現(xiàn)技巧,需要的朋友可以參考下2016-11-11