イメージsrc in Angular 2+

これらの違いはありますか？ AngularJSでイメージsrc in Angular 2+

<img [src]="url">

私が知っている

<img src="{{url}}">は、我々は、角度が引き継ぐ前に{{url}}からロードする画像を防止するために使用されるに好まれたng-srcディレクティブを持っていました。これは同じケースですか？

2017-12-06 Martin Nuc

同じ結果が得られます。 '[src]'は '[]'のために知られているHTML属性ではないので、ブラウザは処理せず* URLにリクエストしません。異なるURLで提供されたHTMLを実行し、開発者ツールのネットワーク要求を確認するだけで、[試してみる]ことができます（https://jsfiddle.net/8Lf1chug/）。 –

<img [src]="heroImageUrl">

このコードは<img src="{{url}}">と同じ結果となる

<img bind-src="heroImageUrl">

の短いです。 [src]これはプロパティバインディング用です。しかし、属性にいくつかのデータをバインドする必要がある場合、それを使用することはできません。たとえば：COLSPAN以来

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

は、プロパティが、HTML属性ではありません。

出典

2017-12-06 19:08:44 omeralper

ありがとうございます。あなたのコメントは私にこれを導きます：https://angular.io/guide/template-syntax#html-attribute-vs-dom-property –

私は間違っているようです。はうまくいきません。 – omeralper

私はそれがうまくいくと期待しています。奇妙な。 –

答えて

関連する問題