Question

我的Angular2（beta）应用中遇到了2路数据绑定问题。控制台中没有错误，因此很难猜测为什么以下代码段适用于输入文本字段但不适用于选择字段，任何想法？

{{model.quantity}}并未对所选项目更改进行更新，但{{model.name}}会在文本字段中进行更新。

 logChange(input:any) {
    console.log('Selected value:',input);
}

另一方面，当我做这样的事情时：

ts文件中的

：

 <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>

视图模板中的

：

{{1}}

控制台显示每个更改事件的值。

Answer 1

我认为它有效，它在Beta.0上测试

考虑一下这个傻瓜：

 <select [(ngModel)]="name"> 
    <option *ngFor="#n of names" [attr.value]="n">{{n}}</option>
  </select>

https://plnkr.co/edit/MMNWGh?p=info

Answer 2

也许它与此问题中描述的问题相同：Angular 2: How to get the selected value from different options of a form?。

@Mubashir在他的回答中提供了解决方案......

希望它可以帮到你，亨利

双向数据绑定不在选择字段上

2 个答案: