Как установить выбранное по умолчанию значение для нескольких опций (ion-select) - PullRequest
0 голосов
/ 28 ноября 2018

Я пытаюсь указать некоторые предварительно выбранные значения в моем ion-select флажке, но мне не удалось найти ответы.Значения, которые я хочу предварительно выбрать, имеют значение в моем объекте как checked=true.

private totalPPE:any = [
    {id: 0,text:"Gloves",checked:true},
    {id: 1,text:"Glasses/Goggles/Face-Shield",checked:true},
    {id: 2,text:"Hard Hat",checked:true},
    {id: 3,text:"Hearing Protection",checked:false},
    {id: 4,text:"FR Attire",checked:true},
    {id: 5,text:"Steel Toe Boots",checked:true},
    {id: 6,text:"Fall Protection",checked:false},
    {id: 7,text:"H2S Monitor",checked:false},
    {id: 8,text:"Respiratory Protection",checked:false},
    {id: 9,text:"Other",checked:false}];
<ion-item>
    <ion-label>PPE REQUIRED FOR TASK</ion-label>
      <ion-select [(ngModel)]="totalPPE" name="ppe" multiple="true">
        <ion-option *ngFor="let ppe of totalPPE; let i = index" [selected]="ppe.checked=='true'" [value]=ppe.text>{{ppe.text}}</ion-option>
       </ion-select>
     </ion-item>

Все ресурсы, которые я использовал, к сожалению, не сработали для меня.Я даже попробовал вопрос, Как установить выбранное по умолчанию значение ion-option?, но, к сожалению, я тоже не нашел решений.

1 Ответ

0 голосов
/ 24 мая 2019

Итак, проблема заключалась в массиве объектов.Я не верю, что Ionic может справиться с ними, поэтому я изменил массив следующим образом:

private totalPPE:any = ["Gloves",
                        "Glasses/Goggles/Face-Shield",
                        "Hard Hat",
                        "Hearing Protection",
                        "FR Attire",
                        "Steel Toe Boots",
                        "Fall Protection",
                        "H2S Monitor",
                        "Respiratory Protection",
                        "Other"];

И добавил еще один массив для значений по умолчанию:

private defaultPPE:any = ["Gloves",
                          "Glasses/Goggles/Face-Shield",
                          "Hard Hat",
                          "FR Attire",
                          "Steel Toe Boots"];

И изменил мой HTML:

<ion-item>
   <ion-label class="ppe">PPE REQUIRED FOR TASK</ion-label>
       <ion-select [(ngModel)]="defaultPPE" name="ppe" multiple="true">
         <ion-option *ngFor="let ppe of totalPPE" value={{ppe}} >{{ppe}}</ion-option>
       </ion-select>
</ion-item>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...