AngularJS ui-router重新整理子頁面路由

小旺同學發表於2018-07-23
AngularJSUI路由

網上有各種重新整理子頁面路由的方法，但是不知道為什麼放到我的頁面就不行了，尷尬！

網上的方法有：

　　

<a href="#" ui-sref="app.toMenu" ui-sref-opts="{reload:`app.toMenu`}">
<!-- 這個方法重新整理當前路由頁面 -->

另外也可以用$state.reload(); 
$state.reload()是載入整個頁面; 
$state.reload(`app.toMenu`);載入當前頁面；

 

<a href="" ng-click="reloadCurPage()">

<!-- controller裡面 $scope -->
$scope.reloadCurPage = function(){
    $state.reload(`app.toMenu`);
}

 

　　如果以上方法都不行的，可以試一下這樣：

　　controllerjs裡面：點選後，先reload重新整理一下，然後定時器裡面跳轉到URL路由，這樣就可以重新整理子路由頁面了。（定時器設定小一點，這樣跳轉就不會顯得“生硬”）

　　

 $scope.toSubPage = function (name) {
            var param = {};
            if (name == `report`) {
                param = {id: 1};
            }
            $state.reload();
            $timeout(function () {
                $state.go(`home.` + name, param,{reload:false});
            },5)


        }

 

相關文章