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>

（离子2）在选择框内分组标签

1 个答案: