Now I will share with you a method of reloading the current routing page in AngularJS. It has a good reference value and I hope it will be helpful to everyone.
This problem has also bothered me for a long time. There are various answers on the Internet, but none of them can be solved. Finally, after searching for a long time on the Internet, I saw a solution from a master, and compiled it to share it. Use ui-router to reload the current page. question. (ui-router version needs to be 0.2.14 or above)
When doing projects with Angular, you will encounter the need to click on the menu to refresh the current page and load the current page, but there is no response when clicking on the same routing page;
Suppose our routing page app.toMenu;
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="app.toMenu" ui-sref-opts="{reload:true}"> <!-- 网上普遍都说这样刷新,但这个是整个页面也同时都刷新了 -->
In fact, in addition to passing Boolean type parameters, reload can also pass string and object type parameters. If you just want to refresh the current routing page without To refresh the parent route together, we can set the parameter value of reload to the current route page ID.
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="app.toMenu" ui-sref-opts="{reload:'app.toMenu'}"> <!-- 这个方法刷新当前路由页面 -->
You can also use $state.reload();
$state.reload() is to load the entire page;
$state.reload('app.toMenu ');Load the current page;
<a href="" ng-click=" rel="external nofollow" reloadCurPage()"> <!-- controller里面 $scope --> $scope.reloadCurPage = function(){ $state.reload('app.toMenu'); }
Note: If the identifier is a variable
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="{{k.value}}" ui-sref-opts="{reload:'{{k.value}}'}">
The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.
Related articles:
Common string manipulation methods and special characters in JavaScript
Detailed explanation of the use of each method in jQuery
jquery realizes the function of dragging file upload and loading progress bar
The above is the detailed content of What are the methods to reload the current routing page according to AngularJS?. For more information, please follow other related articles on the PHP Chinese website!