(Ionic 2) Группировка метки внутри поля выбора

Question

Мне нужно создать многократную коробку выбора флажка, в которой есть ярлык группы внутри коробки. Пример

-Appetizer:

--- салат

--- т.д.

-Главный курс:

--- Стейк

--- и т.д.

-Desert:

--- Мороженое

--- и т.д.

Это мой код:

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