javascript - Angular4选择的选项在 "select"标签中选择后消失

Question

我的 Angular 4 应用程序在生成表单时遇到问题，更准确地说，是 <select>标记其 <option>标签是动态生成的。

我在 plunker 中制作了代码的简化版本.

在我选择非第一个默认选项 undefined 后，我遇到的问题立即发生选项:代码值设置正确，但 <option> 内的文本标签消失。

我该如何解决这个问题？

Answer 1

将选项中的[ngValue]更改为[value]

<select [(ngModel)]="value">
  <option [ngValue]="undefined">(undefined)</option>
  <option *ngFor="let entry of getEntries()" [value]="entry.code">{{entry.label}}</option>
</select>

这会起作用。