这是我的Angular 2代码:
HTML:
<select class="form-control" [(ngModel)]="wrapupData.assignToEmployee">
<option value="" disabled>Choose Status</option>
<option *ngFor="let emp of masterWrapupLov.employeeList"
[value]='emp.id'>{{emp?.name}}</option>
</select>
其中wrapupData.assignToEmployee
是字符串,masterWrapupLov.employeeList
是包含id: string
和name: string
的对象数组。
此代码可以很好地选择使其反映在wrapupData.assignToEmployee
模型中的选项。
我想要实现的是在加载DOM时选择默认选项,并在更改选项时更新模型。我尝试使用[selected]
将emp.id
与我想要选择的值进行比较,它确实在用户界面中工作,但是当我更改它时,它没有与模型绑定。我尝试使用模型使用默认值,它也没有按预期工作,并且在第一次默认绑定后没有绑定。我不知道我是否足够清楚,但我尝试了许多方法,人们已经建议但似乎没有任何工作。