Gibt es einen Unterschied zwischen diesen?Image src in Angular 2+
<img src="{{url}}">
<img [src]="url">
Ich weiß, in AngularJS hatten wir ng-src Richtlinie, die verwendet bevorzugt wurde Laden Bild von {{url}} zu verhindern, bevor Winkelübernimmt. Ist das der gleiche Fall?
<img [src]="heroImageUrl">
ist kurz von
<img bind-src="heroImageUrl">
dieser Code gleich wie <img src="{{url}}"> führen. [src] Dies ist für die Bindung von Objekten. Wenn Sie jedoch einige Daten an Attribute binden müssen, können Sie sie nicht verwenden. Zum Beispiel:
<td [attr.colspan]="1 + 1">
seit colspan ist keine Eigenschaft, sondern HTML-Attribut.
Danke. Ihr Kommentar führte mich zu diesem: https://angular.io/guide/template-syntax#html-attribute-vs-dom-property –
gut scheint, als ob ich mich irre.
nach Reding durch Dokumente Ich würde erwarten, dass es funktioniert. Seltsam. –
Es erreicht das gleiche Ergebnis. '[src]' ist aufgrund der '[]' s kein bekanntes HTML-Attribut, daher wird der Browser * das * nicht * verarbeiten und * keine * Anfrage an die URL stellen. Es ist wirklich einfach [probieren Sie es aus] (https://jsfiddle.net/8Lf1chug/), indem Sie einfach den von Ihnen angegebenen HTML-Code mit verschiedenen URLs ausführen und die Netzwerkanforderungen in Ihren Entwicklertools überprüfen. –