2017-12-06 12 views
0

차이점은 무엇입니까? AngularJS와의 이미지 src in Angular 2+

<img [src]="url">

내가 아는

<img src="{{url}}"> 우리는 각도가 임무를 수행하기 전에 {{url}}에서 로딩 이미지를 방지하기 위해 사용을 선호했다 ng-src 지시했다. 이것도 같은 경우입니까?

+0

동일한 결과를 얻을 수 있습니다. '[src]'는'[]'s 때문에 알려진 HTML 속성이 아니기 때문에 브라우저는 URL을 처리하지 않고 URL에 요청하지 않을 것입니다. 다른 URL과 함께 제공 한 HTML을 실행하고 개발자 도구에서 네트워크 요청을 확인하면 정말 간단합니다 (https://jsfiddle.net/8Lf1chug/). –

답변

0
<img [src]="heroImageUrl"> 

이 코드 <img src="{{url}}"> 동일됩니다

<img bind-src="heroImageUrl"> 

의 짧다. [src] 이것은 특성 바인딩을위한 것입니다. 그러나 일부 데이터를 특성화하기 위해 바인딩해야하는 경우 사용할 수 없습니다. 예 :

<td [attr.colspan]="1 + 1"> 

colspan은 속성이 아니라 html 속성이기 때문에.

+0

감사합니다. 귀하의 의견이 나를 이끌어 : https://angular.io/guide/template-syntax#html-attribute-vs-dom-property –

+0

잘 오해하는 것 같습니다. 는 효과가 없습니다. – omeralper

+0

docs를 통해 문서를 읽은 후에는 제대로 작동 할 것으로 기대됩니다. 이상한. –