（イオン2）選択ボックス内のラベルをグループ化する

Question

ボックス内にグループ化ラベルを持つ複数のチェックボックス選択ボックスを作成する必要があります。 例

-Appetizer：

---サラダ

---など

-mainコース：

---などステーキ

---

- デザート：

---アイスクリーム

---など

これは私のコードです：

<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>