(이오니아 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>