使用AngularJS動態更改css屬性

我試圖動態更改類的背景顏色，我必須使用的顏色來自API。我使用的是一個僞元素，因爲我想要實現的是像this 使用AngularJS動態更改css屬性

<div class="despesas_interna"> 


        <a ng-class="{'status ': style(despesa.categoria_cor)}"> 

         {{despesa.data | amDateFormat:"DD/MM/YYYY"}} 
         <span>{{despesa.categoria_nome}} 
         <i class="ion-ios-arrow-right despesas_arrow"></i> 
         </span> 

         <p> 

          {{despesa.valor | moneyFormatBR}} 
          <span> </span></p> 
        </a> 

       </div>

控制器：

$scope.style = function(value) { 
      return { "background-color": value }; 
     }

CSS：

.despesas_interna { 

    padding: 10px 10px 10px 15px; 
    font-weight: normal; 
    font-size: 15px; 

} 

.despesas_interna a:before { 
    content: ""; 
    display: block; 
    position: absolute; 
    width: 7px; 
    left: 0; 
    top: 0; 
    bottom: 0; 

} 

.despesas_interna a.status:before { 

    background-color: #87c424; 

}

來源

2015-03-31 Stack two

好像NG風格更適合這個 – Neps 2015-03-31 20:51:00

使用ng-style，而不是ng-class。你有兩種方式來使用它：

<div ng-style="style(value)">

和

<div ng-style="{'background-color': value}">

來源

2015-03-31 20:55:37 floribon

仍然沒有得到我想要的東西，我需要改變的背景顏色「 .despesas_interna a.status：之前「動態 – 2015-04-01 12:28:54

使用AngularJS動態更改css屬性

回答

相關問題