programing

각도에서의 "href"와 "ng-href"의 차이JS

starjava 2023. 3. 28. 20:33
반응형

각도에서의 "href"와 "ng-href"의 차이JS

둘 다 써봤어요href그리고.ng-href그 차이를 알 수가 없었어요.

Angular는 왜 이 기능을ng-href속성, 그리고 언제 사용해야 하나요?

매뉴얼에서 다음 항목을 참조하십시오.

각도 마크업 사용:{{hash}}사용자가 링크를 클릭하면 링크가 잘못된 URL로 이동하게 됩니다.이 경우 Angular는 링크를 치환할 수 있습니다.{{hash}}가치를 높입니다.Angular가 마크업을 대체할 때까지 링크는 끊어지고 404 오류가 반환될 가능성이 높습니다.ngHref디렉티브는 이 문제를 해결합니다.

사실상, Angular에 의해 DOM에 제공된 값에 의존해야 하는 유일한 링크용입니다.해당 링크의 일부에 대해 Angular가 필요하지 않거나 Angular를 사용하여 해당 링크를 생성할 계획이 없는 경우 를 사용할 필요가 없습니다.ngHref.

모델에서 값을 바인딩해야 하는 경우 지시문을 사용합니다.예를 들어 다음과 같습니다.

<div ng-init="address='http://stackoverflow.com/questions/37467603'">

  <a ng-href="{{address}}">Dynamic link</a>

  <br/>

  Change the link dynamically: <input type="text" ng-model="address">

</div>

위의 예에서 값은 다음과 같은 값입니다.address는 입력 텍스트 상자의 값에 프로그래밍 방식으로 바인딩되어 있으며, 이를 변경할 수 있습니다.

동적(즉, 모델 상태의 변화에 반응)이 필요 없는 경우, 다음과 같은 작업을 수행할 수 있습니다.href:

<a href="http://stackoverflow.com/questions/37467603"/>Static link</a>

언급URL : https://stackoverflow.com/questions/37467603/difference-between-href-and-ng-href-in-angularjs

반응형