Question

我的HTML就是这样：

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

现在我可以将条件置于双花括号{{only。

但如果我提出条件就会中断。

我希望有这样的条件：

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

请帮忙。

Answer 1

您需要将条件置于{{}}内：

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' 
}}"

Answer 2

尝试data-ng-style

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

工作示例：

http://codepen.io/gpincheiraa/pen/pgrRYG

把条件放在data-ng-attr-style上

2 个答案: