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

Question

我的 Angular2（测试版）应用程序中的 2way 数据绑定有问题。 控制台中没有错误，所以很难猜出为什么下面的 sn-p 适用于输入文本字段但不适用于选择字段，有什么想法吗？

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

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

Answer 1

也许是这个问题中描述的同一个问题：Angular 2: How to get the selected value from different options of a form?。

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

希望对你有帮助 蒂埃里

Answer 2

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

考虑一下这个笨蛋：

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

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