Ionic framework 在屏幕上显示除法器

我在我的

ionic 4

项目中使用

eakoriakin/ionic selective

我有一个与此模型匹配的列表团队：

export class Team {
    id: string;
    name: string;
    description: string;
}

我使用如下可选元素：

<ionic-selectable
      closeButtonText="Fermez"
      closeButtonSlot="end"
      [items]="allTeams"
      itemValueField="id"
      itemTextField="name"
      [canSearch]="true"
      (onChange)="teamChanged($event)">
</ionic-selectable>

---

可以添加一些

分隔符

来分隔一些

团队

，我该如何做？

中介绍了分组项目功能

您需要向数据中添加分组属性，如

teamGroup

：

export class Team {
    id: string;
    name: string;
    description: string;
    teamGroupId: number;
    teamGroupName: string;
}

然后你可以这样使用它：

<ionic-selectable
      closeButtonText="Fermez"
      closeButtonSlot="end"
      [items]="allTeams"
      itemValueField="id"
      itemTextField="name"
      [canSearch]="true"
      groupValueField="teamGroupId"
      groupTextField="teamGroupName"
      (onChange)="teamChanged($event)">
        <ng-template ionicSelectableGroupTemplate let-group="group">
          {{group.text}}
        </ng-template>
</ionic-selectable>

{{group.text}

您可以在各个属性文档中看到有关此的更多信息：