Lassen Sie uns darüber sprechen, wie das #!#-Problem im ngRoute-Pfad gelöst werden kann.

Dieser Artikel stellt Ihnen die Lösung vor, wenn #!# im ngRoute-Pfad erscheint. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Verwandte Empfehlungen: „AngularJS-Tutorial“

Als ich an einem Open-Source-Projekt arbeitete, habe ich „Angular-Route“: „^1.6.4“ verwendet und festgestellt, dass die href von

<a href="#about" class="ng-binding">About</a>

Nachdem Sie auf die Bezeichnung geklickt haben, erscheint http://localhost:9000/#!#about in der Adressleiste.

$Standort drucken.

Ich habe festgestellt, dass der von uns festgelegte $location nicht wie erwartet im Pfadteil der Pseudo-URL angezeigt wurde, sondern zum Hash-Teil führte.

Der Grund ist: Wenn die Routenversion >1.6.0 ist, wurde das Standard-HashPrefix in „!“ geändert.

entspricht dem folgenden Code

$locationProvider.hashPrefix('!');

Es werden zwei Lösungen unten bereitgestellt:

1 Stellen Sie hashPrefix auf die Version vor 1.6 wieder her.

$locationProvider.hashPrefix('');

2. Ändern Sie das Format von href

<a href="#!about" class="ng-binding">About</a>

Eine weitere zu beachtende Sache ist, dass das -Tag von ngRoute überschrieben zu sein scheint / an den Hash-Teil der URL, anstatt die Zeichenfolge direkt an # anzuhängen, sodass etwas wie nicht zum Tag mit id="about" springen kann. Ich habe einige Nachforschungen angestellt und festgestellt, dass ich eine Anweisung schreiben und dann window.location.hash aufrufen kann, um dieses Problem zu lösen.

html

<a goto="#about" href="#about" class="ng-binding">About</a>

js

define(['app'], function (app) {
	app.directive('goto', function () {
		return function ($scope, $elem, $attrs) {
			$elem.click(function () {
				//console.log($attrs.goto.substring(1));
				window.location.hash = $attrs.goto.substring(1);
			});
		};
	});
});

Hinweis: Die obige Definition erfordert, dass JS ein Modul definiert.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmierunterricht! !

Das obige ist der detaillierte Inhalt vonLassen Sie uns darüber sprechen, wie das #!#-Problem im ngRoute-Pfad gelöst werden kann.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!