Невозможно предварительно назначить значения для ion-select-multiple - PullRequest
0 голосов
/ 26 марта 2020

Я использую ion-select-multiple, я использую sh для предварительного назначения значений, что я не могу сделать.

Посмотрите:

enter image description here

Вот как я пытаюсь назначить authID в this.followers

this.followers = 'Ddy1QVOAO6SIvB8LfAE8Z0Adj4H3,12wsee3';

Вот мой HTML код:

home.html

<ion-list>
  <ion-item>
    <ion-label>Followers</ion-label>
    <ion-select multiple="true" okText="Okay" cancelText="Dismiss" [(ngModel)]="followers">
      <ion-select-option *ngFor="let list of students;let i=index;" value="{{list.authId}}" checked="true">
        {{list.Name}}
      </ion-select-option>
    </ion-select>
  </ion-item>
  {{followers}}
</ion-list>

Но 2 значения предварительно не выбираются при открытии страницы. Как я могу решить эту проблему?

Редактировать 1

Согласно руководству Tomas, которое я проверил со значениями жесткого кода, код приведен ниже, но решения не найдено.

  <ion-select multiple="true" okText="Okay" cancelText="Dismiss" [(ngModel)]="followers" [value]="['brown', 'black']">
    <ion-select-option value="brown">Brown</ion-select-option>
    <ion-select-option value="blonde">Blonde</ion-select-option>
    <ion-select-option value="black">Black</ion-select-option>
  </ion-select>

1 Ответ

0 голосов
/ 26 марта 2020

Синтаксис для предварительного выбора нескольких значений:

<ion-select multiple="true" [value]="['bird', 'dog']">

Документация: https://ionicframework.com/docs/api/select#multiple -выбор

Таким образом, вы хотите назначить свои значения для предварительного выбора в свойство value:

<ion-select multiple="true" okText="Okay" cancelText="Dismiss" [(ngModel)]="followers" [value]="[followers]">
  <ion-select-option *ngFor="let list of students;let i=index;" value="{{list.authId}}">
    {{list.Name}}
  </ion-select-option>
</ion-select>

Обратите внимание, что я не проверял этот код. Если это не удается, вы можете исправить ввод для свойства value в массив строк.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...