Angular2 で「\'background-image\' にバインドできません」エラーを修正する方法?

Angular2 で ngStyle を使用して背景画像を追加する

ngStyle を使用して背景画像を追加しようとすると、次のエラーが発生する場合があります:

Can't bind to 'background-image' since it isn't a known property of 'div'.

この問題を解決するには、次の手順に従ってください:

1. 正しい構文を確認してください:

   コード内で、次の点が欠落しています背景画像の URL を一重引用符 (') で囲みます。正しい構文は次のとおりです:

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

2. 「url()」関数を使用します:

   「url()」関数を使用する必要があります。上記の修正された構文に示すように、背景画像の URL を指定します。

3. URL を検証します:

   の URL が背景画像が正しく、アクセス可能であること。画像にアクセスできない場合、背景画像は表示されません。

次の手順に従うことで、Angular2 の ngStyle を使用して背景画像を正常に追加できるはずです。

以上がAngular2 で「\'background-image\' にバインドできません」エラーを修正する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。