使用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属性

回答

相关问题