样式绑定取决于Angular 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 <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`;
}