Ion-select множественный = «истина» не работает в ngFor - PullRequest
0 голосов
/ 26 апреля 2018

Я замечаю, что при попытке использовать ion-select в ngFor для списка, который устанавливается динамически с помощью функции, списки не отображаются в DOM.

С другой стороны, DOM правильно отображает, если я беру отдельный элемент за пределами конструкции ngFor, ИЛИ, если я не использую множественный = «true».

Любые предложения о том, как обойти это?

Пример: 1 / Не в состоянии сделать:

<ion-item *ngFor="let t of getMyListOfFields()">
  <ion-label>{{t.FieldName}}</ion-label>
  <ion-datetime displayFormat="YYYY/MM/DD" [(ngModel)]="t.FieldValue" *ngIf="t.DataType == 'date'"></ion-datetime>
  <ion-input type="text" [(ngModel)]="t.FieldValue" *ngIf="!t.LookupID && t.DataType != 'date'"></ion-input>
  <ion-select multiple="true" [(ngModel)]="t.FieldValue" *ngIf="t.LookupID">
    <ion-option *ngFor="let l of t.Lookups" [value]="l.ID">{{l.Text}}</ion-option>
  </ion-select>
</ion-item>

2 / Отображает правильно:

<ion-item>
  <ion-label>Test List</ion-label>
  <ion-select multiple="true" [(ngModel)]="model.TestItem.FieldValue"  *ngIf="model.TestItem && model.TestItem.LookupID">
          <ion-option *ngFor="let l of model.TestItem.Lookups" [value]="l.ID">{{l.Text}}</ion-option>
  </ion-select>
</ion-item>

1 Ответ

0 голосов
/ 27 апреля 2018

Хорошо, для тех, кто заинтересован, я нахожу обходной путь к проблеме. Если я заменю вызов функции и предоставлю вместо этого статический список в ngFor, проблем не возникнет, и DOM будет отображаться, при этом функция множественного выбора будет работать правильно.

Любопытно, почему вызов функции помешает правильному рендерингу. Есть ли где-то ошибка?

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