将值设置为表格 Grid Angular 5 中动态生成的下拉列表

Question

在每一行都有许多其他控件，带有这个特定的下拉列表。重定向后，在 ngInit 上，我在 item 中有值，然后我在每一行中设置 item 的值。一切正常。但是对于这个下拉列表，仅仅更新 item.duration 模型并没有显示下拉列表的选定值。

                 <td>
                  <select class="form-control" (change)="durationChange(item, $event.target.value)" [value]='item.duration'>
                    <option value="1">1 Month</option>
                    <option value="3">3 Months</option>
                    <option value="6">6 Months</option>
                  </select>
                </td>

Answer 1

使用ngModel

<select class="form-control" [(ngModel)] ="item.duration" (change)="durationChange(item, $event.target.value)" [value]='item.duration'>