如何为 "angular-2-dropdown-multiselect" 插件中的每个选项设置不同的背景

Question

我正在为我的 angular 项目使用“angular-2-dropdown-multiselect”npm 插件来显示多个可选择的下拉菜单。有没有办法为每个选项添加背景颜色？

html

<ss-multiselect-dropdown class="rsvtn_hm_drp_btn restn_drop_pnl" [options]="reservationStatusList" [settings]="mySettings"
                [texts]="myTexts" formControlName="reservationStatus"></ss-multiselect-dropdown>

angularjs

reservationStatusList: IMultiSelectOption[];

需要动态显示每个预订状态的背景颜色。

Answer 1

像这样在 reservationStatusList 中传递类

myOptions: IMultiSelectOption[] = [
        { id: 1, name: 'Option 1', classes: "class-1" },
        { id: 2, name: 'Option 2', classes: "class-2" },
    ];

然后在全局css

中定义这些类中的背景颜色

.class-1 { background-color: #FF0000; }

如何为 "angular-2-dropdown-multiselect" 插件中的每个选项设置不同的背景

how to set different background for each options in "angular-2-dropdown-multiselect" plugin

ng-dropdown-multiselect

angular