ion-select 选择/取消选择所有选项答案

【问题标题】：ion-select select/unselect all optionsion-select 选择/取消选择所有选项
【发布时间】：2018-05-18 17:27:50
【问题描述】：

如何在离子选择元素中提供一次选择所有选项的选项。下面是我的代码。

 <ion-item>
      <ion-label>Primary Data</ion-label>
      <ion-select [(ngModel)]="primaryData">
        <ion-option>10</ion-option>
        <ion-option>11</ion-option>
        <ion-option>13</ion-option>
      </ion-select>
    </ion-item>

【问题讨论】：

forum.ionicframework.com/t/ion-select-with-select-all-option/…

标签： angular typescript ionic2 ionic3

【解决方案1】：

为什么不直接做以下事情：

<ion-item>
    <ion-label>Primary Data</ion-label>
    <ion-select [(ngModel)]="primaryData">
        <ion-option value="All">All</ion-option>
        <ion-option value="10">10</ion-option>
        <ion-option value="11">11</ion-option>
        <ion-option value="13">13</ion-option>
    </ion-select>
</ion-item>

然后在您的 component.ts 文件中检查选择了哪个选项。

【讨论】：

感谢您的快速回复。尝试了您的解决方案，但“全部”的 onClick 并未选择所有选项。
您是否希望它直观地表示所有被点击的选项？
是的，正确。我想显示所有点击的选项。我也在使用 multiple="true"。
forum.ionicframework.com/t/ion-select-with-select-all-option/… - 正如 Sajeetharan 建议的那样
@Sajeetharan：我能够获得选定的选项，但无法将所有选项显示为已选中