如何在AngularJS中动态为span元素指定颜色

时间:2016-08-16 22:16:18

标签: javascript jquery css angularjs css3

我想动态分配span元素的颜色。从Web服务返回的json具有状态和颜色的映射,如下所示:

status: {
active: "#ffff00",
any_other: "#ff0000",
}

现在在我的html中,我想检查每个员工的状态,然后为span元素分配颜色。我从控制器返回颜色,但UI不会更新它。以下是我的代码:

<div  ng-repeat="emp in employees" ng-init='xcoordinate=getTransformedXValues(emp); ycoordinate=getTransformedYValues(emp); toolColor = getempStatusColor(emp);'>
<span  class="glyphicon glyphicon-oil" id="{{emp.empId}}" 
       ng-style="{'cursor': 'pointer','color':toolColor,'position': 'absolute',
      'left': xValue + xcoordinate, 'top': yValue - ycoordinate, 'z-index': '2'}"/>

</div>
你可以告诉我这里缺少的东西吗?我在想,我将颜色值分配给颜色属性的方式是错误的。

0 个答案:

没有答案