當前位置:成語大全網 - 漢語詞典 - AngularJS如何重載路由頁面?

AngularJS如何重載路由頁面?

這次給大家帶來的是AngularJS如何重新加載路由頁面,AngularJS重新加載路由頁面有哪些註意事項。下面是壹個實際案例。讓我們來看看。

使用angular作為項目時,會遇到需要點擊菜單刷新當前頁面,加載當前頁面,但同樣的路由頁面點擊時沒有響應;

假設我們的方式是從頁面app.toMenu

& lta href = " # " rel = " external no follow " rel = " external no follow " rel = " external no follow " ui-sref = " app . tomenu " ui-sref-opts = " { reload:true } " & gt;

& lt!-網上普遍說這是刷新的方式,但這是整個頁面同時刷新的方式-& gt;

實際上,reload不僅可以傳遞布爾參數,還可以傳遞字符串和對象參數。如果只是想刷新當前路由頁而不刷新父路由,我們可以將reload的參數值設置為當前路由頁ID。

& lta href = " # " rel = " external no follow " rel = " external no follow " rel = " external no follow " ui-sref = " app . tomenu " ui-sref-opts = " { reload:' app . tomenu ' } " & gt;

& lt!-此方法刷新當前路由頁面-& gt;

也可以使用$ state . reload();

$state.reload()是加載整個頁面;

$ state . reload(' app . tomenu ');加載當前頁面;

& lta href = " " ng-click = " rel = " external no follow " reloadCurPage()" & gt。

& lt!-$控制器中的範圍->

$ scope . reloadcurpage = function(){

$ state . reload(' app . tomenu ');

}

註意:如果標識符是壹個變量。

& lta href = " # " rel = " external no follow " rel = " external no follow " rel = " external no follow " ui-sref = " {我相信妳看完這個案例已經掌握了方法。請關註Gxl上的其他相關文章!

推薦閱讀:

JS如何擴展字符串連接

為什麽element-ui綁定@keyup事件無效?