2016-05-05 68 views
17

私は​​と読みました。私は少し混乱しています。任意の要素の背景イメージを設定するために、if(else ...)のような条件でNgStyleを使用する方法に関するアイデアはありますか?[NgStyle]条件付き(if..else)

答えて

23

ngStyle内の3項演算子を使用すると、if/else条件として機能します。

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

華麗に!ありがとうございました。 –

17

一つも条件のこの種を使用することができます:それは少し小さい文字列の連結を必要と

<div [ngStyle]="myBooleanVar && {'color': 'red'}"></div> 

...