AngularJS样式设置背景

Question

我有以下Javascript对象：

此对象有两个属性： pesonalColor 和 personRoleColor 我有一个名为 vm.colorSwitch 的标志，我将用它来切换下面跨度的颜色。使用 personalColor 它可以正常工作，但我不知道如何引入personRoleColor来切换颜色。

非常感谢你的帮助！

<span ng-repeat="myObject in myObjects" style="width:{{myObject.percentage}}%; background:{{myObject.personalColor}}" class="progress-bar" />

Answer 1

ngStyle允许以编程方式使用style属性。

<span ng-style="{
    background: vm.colorSwitch ? myObject.personalColor : myObject.personRoleColor, 
    width: myObject.percentage + '%'
}" ...></span>