風格取決於條件角2

Question

我有這樣的一些代碼綁定：

<div [ngStyle]="{'background': 'url(' + order.image_url_medium + ') top right no-repeat #118cc8'}">Content</div> 

但我怎麼能結合這取決於條件？所以，如果order.image_url_medium存在，把它的風格<div [ngStyle]="{'background': 'url(' + order.image_url_medium + ') top right no-repeat #118cc8'}">Content</div>，否則 - 只是 - 留空格<div>Content</div>

Answer 1

在你看來：

<div [ngStyle]="divStyle">Content</div> 

在您的組件：

this.divStyle = {}; 
if (someCondition) { 
    this.divStyle.background = `url(${this.order.image_url_medium}) top right no-repeat #118cc8`; 
}