Maison  >  Article  >  interface Web  >  Quelles sont les méthodes pour recharger la page de routage actuelle selon AngularJS ?

Quelles sont les méthodes pour recharger la page de routage actuelle selon AngularJS ?

亚连
亚连original
2018-05-31 15:35:211624parcourir

Maintenant, je vais partager avec vous une méthode pour recharger la page de routage actuelle dans AngularJS. Elle a une bonne valeur de référence et j'espère qu'elle sera utile à tout le monde.

Ce problème me préoccupe également depuis longtemps. Il existe différentes réponses sur Internet, et aucune d'entre elles ne peut le résoudre. Finalement, après une longue recherche sur Internet, j'ai vu une solution. un maître et l'a compilé pour le partager. Utilisez ui-router pour recharger la page actuelle. (la version du routeur ui doit être 0.2.14 ou supérieure)

Lorsque vous réalisez des projets avec Angular, vous devrez cliquer sur le menu pour actualiser la page actuelle et charger la page actuelle, mais il n'y a pas réponse en cliquant sur la même page de routage ;

Supposons que notre page de routage app.toMenu;

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="app.toMenu" ui-sref-opts="{reload:true}">
<!-- 网上普遍都说这样刷新,但这个是整个页面也同时都刷新了 -->

En fait, en plus de transmettre des paramètres booléens, le rechargement peut également transmettre des paramètres de chaîne et d'objet. Si vous souhaitez simplement actualiser la page de routage actuelle, au lieu d'actualiser la route parent ensemble, nous pouvons définir la valeur du paramètre de rechargement sur l'ID de la page de routage actuelle.

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="app.toMenu" ui-sref-opts="{reload:&#39;app.toMenu&#39;}">
<!-- 这个方法刷新当前路由页面 -->

Vous pouvez également utiliser $state.reload();

$state.reload() charge la page entière;

$state.reload('app .toMenu'); Charger la page actuelle ;

<a href="" ng-click=" rel="external nofollow" reloadCurPage()">
<!-- controller里面 $scope -->
$scope.reloadCurPage = function(){
 $state.reload(&#39;app.toMenu&#39;);
}

Remarque : si l'identifiant est une variable,

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="{{k.value}}" ui-sref-opts="{reload:&#39;{{k.value}}&#39;}">

Ce qui précède est ce que j'ai compilé pour tout le monde, j'espère que ce sera le cas. être utile à tout le monde à l’avenir.

Articles associés :

Méthodes courantes de manipulation de chaînes et caractères spéciaux en JavaScript

Explication détaillée de l'utilisation de chaque méthode dans jQuery

jquery implémente la fonction de barre de progression de chargement de téléchargement de fichier glisser

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn