반응형
각도에서의 "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
반응형
'programing' 카테고리의 다른 글
JSON 잘못된 UTF-8 중간 바이트 (0) | 2023.04.02 |
---|---|
리액트에서의 코멘트 사용방법 (0) | 2023.03.28 |
리액트 메모는 언제 사용하면 안 되나요? (0) | 2023.03.28 |
릴레이에서 노드인터페이스와 글로벌 ID 사양은 어떤 역할을 합니까? (0) | 2023.03.28 |
ContentCachingResponseWrapper가 빈 응답을 생성함 (0) | 2023.03.28 |