css - 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允许以编程方式使用样式属性。

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