Angularjs 对数据ng attr样式设置条件

我的html是这样的：

<div data-ng-attr-style="background:url({{ backgroundImage}}) !important; background-size:cover;" ></div>

---

请帮助。

您需要将您的条件放入{{}中：

data-ng-attr-style="{{ condition ? 'background:url(' + backgroundImage + ') !important; background-size:cover' : 'display: none' }}"

或者，为了更好的可读性，您添加了几行：

data-ng-attr-style="{{ 
    condition 
        ? 'background: url(' + backgroundImage + ') !important; background-size: cover;'
        : 'display: none' 
}}"

---

尝试

data-ng样式

data-ng-style="{true : {'background': vm.backgroundImage } , false: {display: 'none'}}[vm.condition]"

工作示例：

data-ng-style="{true : {'background': vm.backgroundImage } , false: {display: 'none'}}[vm.condition]"