使用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事件無效?