背景画像を角度4で動的に設定するには、どのような方法が推奨されますか

Question

現在、インラインスタイルを使用して画像の背景を設定しています。

<div [ngStyle]="{background: 'url(' + section.backgroundSrc + ') no-repeat'}"> 

しかし、もっと洗練されたアプローチを探しています...多分、外部スタイルシートのパスを角度を使って動的に設定するようなものでしょう。しかし、私はどのようにそれを行うことができないのか分かりません。

Answer 1

あなたはCSSファイルを使用できません。しかし、あなたはあなたの現在のコードが少し冗長に加えることができます。

<div [style.background]="'url(' + section.backgroundSrc + ') no-repeat'"></div> 

角度がセキュリティエラーをスローした場合、あなたはあまりにもサニタイズする必要があります。あなたのTSファイルで

<div [style.background]="background"></div> 

ファイル - HTMLで

this.background= this.sanitization.bypassSecurityTrustStyle(`url(${this.section.backgroundSrc}) no-repeat`);