2017-12-05 4 views
-1

So stellen Sie eine Option zur Auswahl aller Optionen auf einmal in einem Ion-Select-Element bereit. Unten ist mein Code.ion-select Auswahl/Auswahl aller Optionen

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

https://forum.ionicframework.com/t/ion-select-with-select-all-option/62410/7 – Sajeetharan

Antwort

0

Warum nicht einfach die folgenden Schritte aus:

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

Dann in Ihrem component.ts nur Datei prüfen, welche Option ausgewählt ist.

+0

Vielen Dank für die schnelle Antwort. Ihre Lösung wurde versucht, aber der OnClick von "Alle" wählt nicht alle Optionen aus. – user2211549

+0

Möchten Sie, dass alle Optionen, auf die geklickt wird, visuell dargestellt werden? –

+0

ja richtig. Ich möchte alle Optionen anzeigen lassen. Ich benutze auch multiple = "true". – user2211549

Verwandte Themen