(Ionic 2) Gruppierung Etikett in Auswahlfeld

Question

Ich muss das Kontrollkästchen mehrere Kontrollkästchen erstellen, die Gruppierung Label in der Box haben. Beispiel

-Appetizer:

--- Salat

--- etc

-Main Course:

--- Steak

--- etc

-Desert:

--- Ice Cream

--- etc

Dies ist mein Code:

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

Wie die Gruppierung Etikett im Inneren des Ionen wählen schaffen? Danke ..

Answer 1

Ein guter Weg, dies zu tun ist, das deaktivierte Tag zum "Label" hinzuzufügen.

Dadurch wird die Option nicht auswählbar. Sie können dann eine Klasse hinzufügen, um das Aussehen nach Bedarf anzupassen.

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