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

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

青灯夜游
青灯夜游nach vorne
2021-05-11 10:34:492438Durchsuche

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.

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

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 5e7e2c7b2ed8a88cd46426894ef2fe23-Tag von ngRoute überschrieben zu sein scheint / an den Hash-Teil der URL, anstatt die Zeichenfolge direkt an # anzuhängen, sodass etwas wie 18b46262ad9db4792237c5069a8fe255 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([&#39;app&#39;], function (app) {
	app.directive(&#39;goto&#39;, 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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen