我的 Angular2(测试版)应用程序中的 2way 数据绑定有问题。控制台中没有错误,因此很难猜测为什么以下代码段适用于输入文本字段但不适用于选择字段,有什么想法吗?
{{model.quantity}} 不会在所选项目更改时更新,但 {{model.name}} 在文本字段中会更新。
<div class="form-group">
<label>Name</label>
<input type="text" class="form-control"
[(ngModel)]="model.name" > {{model.name}}
</div>
<div class="form-group">
<label>Quantity</label>
<select class="form-control" [(ngModel)]="model.quantity">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select> {{model.quantity}}
</div>
另一方面,当我做这样的事情时:
在 ts 文件中:
logChange(input:any) {
console.log('Selected value:',input);
}
在视图模板中:
<div class="form-group">
<label>Quantity</label>
<select class="form-control" [(ngModel)]="amount" #amountField (change)="logChange(amountField.value)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
{{amount}}
</div>
控制台显示每个更改事件的值。