Html 离子2复选框背景色，不使用css。从注入/模拟数据读取颜色

我要使复选框的背景色不使用CSS，因为我希望它是动态的。我有办法做到吗

                 <ion-row >

                    <ion-col text-center *ngFor="let color of color_row1">

                        <ion-checkbox [(ngModel)]="color.checked" ngClass="{{color.colorName}}" color="{{color.colorName}}" (click)="updateSelection(color.colorId,color.colorName)" ></ion-checkbox>

                    </ion-col>

                </ion-row>

color.colorName是从非动态的variable.scss文件中读取的。我正在考虑两种方法，一种是将数据服务注入SCSS文件，另一种是在不使用CSS的情况下更改html中复选框的颜色，但找不到任何方法。有人能帮我吗？

根据和，你的方法都不管用。但你可以尝试这种方法。它会将样式添加到页面中。我认为你必须改变这一点：

.checkbox-md-primary .checkbox-checked {
    border-color: #387ef5;
    background-color: #387ef5;
 }

---

看看NgStyle，这是一个允许您向元素添加样式的指令。更多信息：