Question

我注意到当尝试在使用函数动态设置的列表中使用ngFor中的ion-select时，列表不会呈现给DOM。

另一方面，如果我将单个元素置于ngFor构造之外，或者如果我不使用multiple =“true”，则DOM会正确呈现。

有关如何解决这个问题的任何建议吗？

实施例： 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>

Answer 1

好的，对于那些感兴趣的人，我找到了解决问题的方法。如果我替换函数调用并在ngFor中提供静态列表，则没有问题并且DOM呈现，多选功能正常。

好奇为什么函数调用会阻止它正确呈现。某处有错误吗？

Ion-select multiple =“true”在ngFor内不起作用

1 个答案: