차이점은 무엇입니까? AngularJS와의 이미지 src in Angular 2+
<img [src]="url">
내가 아는
<img src="{{url}}">
우리는 각도가 임무를 수행하기 전에 {{url}}
에서 로딩 이미지를 방지하기 위해 사용을 선호했다 ng-src
지시했다. 이것도 같은 경우입니까?
차이점은 무엇입니까? AngularJS와의 이미지 src in Angular 2+
<img [src]="url">
내가 아는
<img src="{{url}}">
우리는 각도가 임무를 수행하기 전에 {{url}}
에서 로딩 이미지를 방지하기 위해 사용을 선호했다 ng-src
지시했다. 이것도 같은 경우입니까?
<img [src]="heroImageUrl">
이 코드 <img src="{{url}}">
동일됩니다
<img bind-src="heroImageUrl">
의 짧다. [src]
이것은 특성 바인딩을위한 것입니다. 그러나 일부 데이터를 특성화하기 위해 바인딩해야하는 경우 사용할 수 없습니다. 예 :
<td [attr.colspan]="1 + 1">
colspan은 속성이 아니라 html 속성이기 때문에.
감사합니다. 귀하의 의견이 나를 이끌어 : https://angular.io/guide/template-syntax#html-attribute-vs-dom-property –
잘 오해하는 것 같습니다.
docs를 통해 문서를 읽은 후에는 제대로 작동 할 것으로 기대됩니다. 이상한. –
동일한 결과를 얻을 수 있습니다. '[src]'는'[]'s 때문에 알려진 HTML 속성이 아니기 때문에 브라우저는 URL을 처리하지 않고 URL에 요청하지 않을 것입니다. 다른 URL과 함께 제공 한 HTML을 실행하고 개발자 도구에서 네트워크 요청을 확인하면 정말 간단합니다 (https://jsfiddle.net/8Lf1chug/). –