1. ホーム
  2. angular

[解決済み] 新しいAngularでngSrcに相当するものは何ですか?

2023-01-23 10:18:35

質問

JSONオブジェクトからsrcを取得してimgを実装したいのですが、可能でしょうか?

AngularJSでは、できたのですが。

<img ng-src="{{hash}}" alt="Description" />

Angular2+でこれに相当するものはありますか?

どのように解決するのですか?

AngularJSを使用します。

<img ng-src="{{movie.imageurl}}">

Angular 2+です。

<img [src]="movie.imageurl">

Angularのドキュメント


補間でも同じ結果を得ることができることに注意してください。

<img src="{{vehicle.imageUrl}}">

<img [src]="vehicle.imageUrl">

双方向のバインディングを望まない限り、プロパティバインディングに関するこれらの2つの記述の間に技術的な違いはありません。

補間は多くの場合、プロパティバインディングの便利な代替手段です。 多くの場合、補間はプロパティバインディングの便利な代替手段です。実際、Angularはビューをレンダリングする前に、これらの補間を対応するプロパティバインディングに変換しています。 対応するプロパティバインディングに変換してからビューをレンダリングします。 ソース