Ionic2 离子（2或3）多选微调器，带有复选框和搜索

如何使下拉菜单具有搜索和复选框，并具有与此图像类似的多个选择。此图像仅供参考

您可以在ion select i共享html代码中使用multiple=“true” 我关注以下链接：-

浇头
培根
黑橄榄
额外的奶酪
青椒
蘑菇
洋葱
意大利 辣味 香肠
菠萝
香肠
菠菜

看起来您可以通过对select组件使用popover组件来实现它。检查选择组件API，它解释了如何使用popover而不是AlertController进行选择。然后使用弹出框在顶部添加搜索框。或者只需使用模态并通过NavParams返回数组或选定元素。Josh Morony在youtube上有一段很好的视频，并解释了如何使用模态前后传递参数。祝你好运

有一个非常有用的Cordova插件，允许您利用ion search所需的功能。这个插件与离子3更相关，但我假设这个插件也适用于离子2

插件通过npm。有关插件组件和功能的更多信息

您可能正在寻找的视觉效果：

---

该链接提供了插件在项目中使用的结构。实际上，有很多功能甚至可能对不同的场景也很有用。

按照此链接搜索数据这是搜索栏，没有选择和复选框或收音机

 <ion-list>
      <ion-item>
        <ion-label>Toppings</ion-label>
        <ion-select [(ngModel)]="toppings" multiple="true" cancelText="Nah" okText="Okay!">
          <ion-option value="bacon" selected="true">Bacon</ion-option>
          <ion-option value="olives">Black Olives</ion-option>
          <ion-option value="xcheese" selected="true">Extra Cheese</ion-option>
          <ion-option value="peppers">Green Peppers</ion-option>
          <ion-option value="mushrooms">Mushrooms</ion-option>
          <ion-option value="onions">Onions</ion-option>
          <ion-option value="pepperoni">Pepperoni</ion-option>
          <ion-option value="pineapple">Pineapple</ion-option>
          <ion-option value="sausage">Sausage</ion-option>
          <ion-option value="Spinach">Spinach</ion-option>
        </ion-select>
      </ion-item>
    </ion-list>