Angular 离子选择/取消选择所有选项

Angular 离子选择/取消选择所有选项,angular,typescript,ionic2,ionic3,Angular,Typescript,Ionic2,Ionic3,如何提供一个选项,在离子选择元素中一次选择所有选项。下面是我的代码 <ion-item> <ion-label>Primary Data</ion-label> <ion-select [(ngModel)]="primaryData"> <ion-option>10</ion-option> <ion-option>11</ion-option&g

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

 <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>

原始数据
10
11
13

为什么不做以下事情:

<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>

原始数据
全部的
10
11
13

然后在component.ts文件中,只需检查选择了哪个选项。

感谢您的快速响应。尝试了您的解决方案,但单击“全部”并没有选择所有选项。是否希望它直观地表示正在单击的所有选项?是正确的。我想显示所有点击的选项。我还使用了multiple=“true”。-作为萨吉塔兰suggested@Sajeetharan:我能够获取所选选项,但无法显示选中的所有选项