>  기사  >  웹 프론트엔드  >  ngRoute 경로의 #!# 문제를 해결하는 방법에 대해 이야기해 볼까요?

ngRoute 경로의 #!# 문제를 해결하는 방법에 대해 이야기해 볼까요?

青灯夜游
青灯夜游앞으로
2021-05-11 10:34:492438검색

이 글에서는 ngRoute 경로가 나타날 때 #!# 솔루션을 소개하겠습니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

ngRoute 경로의 #!# 문제를 해결하는 방법에 대해 이야기해 볼까요?

관련 추천: "angularjs tutorial"

오픈 소스 프로젝트를 작업할 때 "angular-route": "^1.6.4"를 사용했는데 812871b89fad6d6a5c0288b62615aa1e 태그가 ngRoute에 의해 다시 작성되는 것처럼 보입니다. / 문자열을 #에 직접 추가하는 대신 URL의 해시 부분에 추가하므로 18b46262ad9db4792237c5069a8fe255과 같은 항목은 id="about"이 있는 태그로 이동할 수 없습니다. 저는 몇 가지 조사를 한 결과 명령을 작성한 다음 window.location.hash를 호출하여 이 문제를 해결할 수 있다는 것을 발견했습니다.

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);
			});
		};
	});
});

참고: 위의 정의는 모듈을 정의하는 requireJS입니다.

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 교육을 방문하세요! !

위 내용은 ngRoute 경로의 #!# 문제를 해결하는 방법에 대해 이야기해 볼까요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제