(离子2)在选择框内分组标签

Question

我需要创建多个复选框选择框,在框内有分组标签.例

-Appetizer:

- -沙拉

- -等等

-主菜:

- -牛扒

- -等等

-沙漠:

- -冰淇淋

- -等等

这是我的代码:

<ion-select [(ngModel)]="food" multiple="true">
                        <ion-label>Toppings</ion-label> <!-- I want to create group label in here -->
                        <ion-option>Bacon</ion-option>
                        <ion-option>Black Olives</ion-option>
                        <ion-option>Extra Cheese</ion-option>
                        <ion-option>Mushrooms</ion-option>
                        <ion-option>Pepperoni</ion-option>
                        <ion-option>Sausage</ion-option>
 </ion-select>

如何在离子选择内创建分组标签？谢谢..

Answer 1

执行此操作的一种好方法是将禁用的标记添加到"标签".

这将导致选项无法选择,然后您可以向其添加一个类,以便根据需要调整外观.

<ion-select [(ngModel)]="food" multiple="true">
    <ion-option disabled>Toppings</ion-option>
    <ion-option>Bacon</ion-option>
    <ion-option>Black Olives</ion-option>
    <ion-option>Extra Cheese</ion-option>
    <ion-option>Mushrooms</ion-option>
    <ion-option>Pepperoni</ion-option>
    <ion-option>Sausage</ion-option>
 </ion-select>