AngularJS怎麼重新載入路由頁面

這次帶給大家AngularJS怎麼重新載入路由頁面，AngularJS重新載入路由頁面的注意事項有哪些，以下就是實戰案例，一起來看一下。

用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:&#39;app.toMenu&#39;}">
<!-- 这个方法刷新当前路由页面 -->

另外也可以用$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="{

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

JS怎麼擴充字串拼接

#為什麼element-ui綁定@keyup事件無效？

以上是AngularJS怎麼重新載入路由頁面的詳細內容。更多資訊請關注PHP中文網其他相關文章！