Angular で ngStyle を使用すると背景画像が表示されないのはなぜですか?

Angular で ngStyle を使用した背景画像の実装

ngStyle を利用して背景画像を表示しようとすると、ユーザーは問題に遭遇する可能性があります。よくある問題の 1 つは、次の例に示すように、適切な構文が欠如していることです。

<code class="javascript">this.photo = 'http://dl27.fotosklad.org.ua/20121020/6d0d7b1596285466e8bb06114a88c903.jpg';

<div [ngStyle]="{'background-image': url(' + photo + ')}"></div></code>

これに対処するには、以下に示すように、ngStyle 式内に一重引用符が含まれていることを確認します。

<code class="javascript"><div [ngStyle]="{'background-image': 'url(' + photo + ')'}""></div></code>

一重引用符を省略すると、構文エラーが発生したり、背景画像が不適切に表示されたりする可能性があります。正しい構文を実装することで、ユーザーは Angular アプリケーションで ngStyle を使用して背景画像を正常に追加できます。

以上がAngular で ngStyle を使用すると背景画像が表示されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。