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