Angular 2在提供默认值后选择Dropdown not Binding

时间:2017-07-27 17:42:35

标签: javascript html angular

这是我的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: stringname: string的对象数组。

此代码可以很好地选择使其反映在wrapupData.assignToEmployee模型中的选项。

我想要实现的是在加载DOM时选择默认选项,并在更改选项时更新模型。我尝试使用[selected]emp.id与我想要选择的值进行比较,它确实在用户界面中工作,但是当我更改它时,它没有与模型绑定。我尝试使用模型使用默认值,它也没有按预期工作,并且在第一次默认绑定后没有绑定。我不知道我是否足够清楚,但我尝试了许多方法,人们已经建议但似乎没有任何工作。

0 个答案:

没有答案