使用动态功能在给定类上设置背景颜色

Question

我有一个函数，它使我从JSON文件列表，GetBackground（项目）中返回背景颜色。我正在使用一个组件，该组件在每项单击（其列表组合框组件）上自动添加一个类名称，它添加了class .Item-Radio-checked。我想找到一种通过我的功能将背景颜色设置为此类设置背景颜色的方法，但是我不确定如何仅在用户单击该项目时添加此类。我可以使用：

[style.background]="getBackground(items)"

，但这适用于项目元素的背景属性，而不是我要触发的类。通过CSS将不起作用，因为它是静态的，我希望从我的功能中获取背景颜色。这样会：

.item-radio-checked {
background-color: $colorname;
}

我知道我需要通过Angular和DOM而不是在SCSS文件中处理它，但是我不确定如何处理。

我需要知道每个类都添加到项目中（已单击项目），然后将正确的动态颜色从我的功能应用到

Answer 1

使用ngstyle：

<div [ngStyle]="{'background-color':getBackground(items)}"></<div>

希望它会有所帮助。