角度2

Question

に背景画像を置くためにどのように私は、私はこのエラーに

Parser Error: Got interpolation ({{}}) where expression was expected 

誰でもheplてくださいすることができme.Thanksを取得しています私のイメージ

<div [ngStyle]="{'background-image': 'url(' + https://s3-us-west-2.amazonaws.com/mysite/l/{{event.photo}} + ')'}"></div> 

の背景のURLを入れてみました。

Answer 1

コントローラにstyleStringを作成することをお勧めします。ちょうどあなたのコードで単純な変数を使用します。このようにきれいになります。

Answer 2

私は

Attribute property binding for background-image url in Angular 2

Angular2 dynamic background images

ありがとうございましたあなたは、背景画像に、より良いアイデアを得るために、リンクの上に検証したいと思います

Answer 3

代わりにこれを試してみてください：

<div [ngStyle]="{'background-image': 'url('+'https://s3-us-west-2.amazonaws.com/mysite/l/'+event.photo+')'}"></div> 

角度v4以降では正常に動作します

Answer 4

Yorはプロパティバインディング&補間を併用できません。

だから、これはあなたを助けるだけproperty binding

<div [ngStyle]="{'background-image': 'url(https://s3-us-west-2.amazonaws.com/mysite/l/' + event.photo + ')'}"></div> 

希望以下のコードを使用してみてください。