Home > Web Front-end > JS Tutorial > body text

What are the methods to reload the current routing page according to AngularJS?

亚连
Release: 2018-05-31 15:35:21
Original
1639 people have browsed it

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}">
<!-- 网上普遍都说这样刷新,但这个是整个页面也同时都刷新了 -->
Copy after login

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

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(&#39;app.toMenu&#39;);
}
Copy after login

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:&#39;{{k.value}}&#39;}">
Copy after login

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!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template