How to reload routing page in AngularJS

This time I will bring you AngularJSHow to reload the routing page, what are the precautions for AngularJS to reload the routing page, the following are Let’s take a look at practical cases.

When using angular to do projects, you may 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;

Assume 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 Boolean type parameters, reload can also pass string and object type parameters. If you just want to refresh the current routing page without going 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:&#39;app.toMenu&#39;}">
<!-- 这个方法刷新当前路由页面 -->

Alternatively, you can use $state.reload();

$state.reload() loads 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="{

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the PHP Chinese website!

Recommended reading:

How to extend string concatenation in JS

##Why is the @keyup event bound to element-ui invalid?

The above is the detailed content of How to reload routing page in AngularJS. For more information, please follow other related articles on the PHP Chinese website!