把條件

Question

我的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}" 

請幫助。

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