Maison > interface Web > js tutoriel > le corps du texte

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

亚连
Libérer: 2018-05-31 15:35:21
original
1626 Les gens l'ont consulté

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}">
<!-- 网上普遍都说这样刷新,但这个是整个页面也同时都刷新了 -->
Copier après la connexion

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;}">
<!-- 这个方法刷新当前路由页面 -->
Copier après la connexion

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;);
}
Copier après la connexion

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;}">
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!