Heim > Web-Frontend > js-Tutorial > Hauptteil

Welche Methoden gibt es, um die aktuelle Routing-Seite gemäß AngularJS neu zu laden?

亚连
Freigeben: 2018-05-31 15:35:21
Original
1626 Leute haben es durchsucht

Jetzt werde ich Ihnen eine Methode zum Neuladen der aktuellen Routing-Seite in AngularJS vorstellen. Sie hat einen guten Referenzwert und ich hoffe, dass sie für alle hilfreich ist.

Dieses Problem beschäftigt mich auch schon seit langem. Es gibt verschiedene Antworten im Internet, und keine davon kann es lösen. Schließlich habe ich nach langer Suche im Internet eine Lösung gefunden einen Master und kompilierte ihn, um ihn mit UI-Router zu teilen. (UI-Router-Version muss 0.2.14 oder höher sein)

Wenn Sie Projekte mit Angular durchführen, müssen Sie auf das Menü klicken, um die aktuelle Seite zu aktualisieren und die aktuelle Seite zu laden, aber das ist nicht der Fall Antwort beim Klicken auf dieselbe Routing-Seite;

Angenommen, unsere Routing-Seite app.toMenu;

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

Tatsächlich kann reload nicht nur boolesche Parameter, sondern auch Zeichenfolgen- und Objektparameter übergeben Ich möchte nur die aktuelle Routing-Seite aktualisieren, ohne die übergeordnete Route gemeinsam zu aktualisieren. Wir können den Parameterwert von reload auf die aktuelle Routenseiten-ID setzen.

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

Sie können auch $state.reload();

$state.reload() verwenden, um die gesamte Seite zu laden;

$state.reload('app .toMenu ');Laden Sie die aktuelle Seite;

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

Hinweis: Wenn der Bezeichner eine Variable ist

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

Das Obige ist das, was ich für alle zusammengestellt habe. Ich hoffe, dass es für alle hilfreich ist die Zukunft.

Verwandte Artikel:

Gemeinsame String-Manipulationsmethoden und Sonderzeichen in JavaScript

Detaillierte Erläuterung der Verwendung jeder Methode in jQuery

jquery implementiert die Funktion zum Ziehen des Datei-Uploads und zum Laden des Fortschrittsbalkens

Das obige ist der detaillierte Inhalt vonWelche Methoden gibt es, um die aktuelle Routing-Seite gemäß AngularJS neu zu laden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!