2017-12-05 36 views
-1

イオン選択エレメントですべてのオプションを同時に選択するオプションを提供する方法。以下は私のコードです。ion-selectすべてのオプションを選択/選択解除する

<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

答えて

0

理由だけではなく、次の操作を行いません。次に

<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ファイル内だけで選択されているオプションを確認してください。

+0

迅速な対応に感謝します。あなたの解決策を試しましたが、「すべて」のonClickはすべてのオプションを選択していません。 – user2211549

+0

クリックしたすべてのオプションを視覚的に表現したいですか? –

+0

はい。私はすべてのオプションをクリックして表示したい。私もmultiple = "true"を使用しています。 – user2211549

関連する問題