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

时间:2018-10-03 05:40:52

标签: angular typescript angular5

每行中都有许多其他带有此特定下拉列表的控件。重定向后,在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>

enter image description here

1 个答案:

答案 0 :(得分:1)

使用ngModel

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