src 속성과 href 속성 사용

반응형

<img>태그나 <a> 태그에 데이터를 바인딩 할 때, src속성이나 href 속성에는 {{}} 문법이 제대로 동작하지 않는다.

웹 브라우저가 이미지를 다른 콘텐츠와 아주 공격적으로 로딩하므로 Angular가 바인딩 요청을 낚아챌겨를이 없기 때문이다.

그러므로 위 태그들을 사용시에는

<img ng-src="/images/cats/{{favoriteCate}}">

<a ng-href="/shop/category={{numberOfCats}}"></a>

와 같이 ng 태그를 사용해야 한다.

반응형

• 카카오스토리
• 트위터
• 페이스북