尝试双向数据绑定到选择元素[duplicate]时遇到问题

Question

是否可以将双向数据绑定到如下所示的“选择”下拉列表？

<select [(ngModel)]="selectedSport">
  <option *ngFor="let s of sports" [value]="s">{{s.Name}}</option>
</select>

我无法让它工作。我也尝试过只绑定ID，但也无法实现。请看这里的Plnkr

我使用的'快速入门'live plnkr示例从角站点作为基础。

我得到的错误是：

无法绑定到ngModel，因为它不是选择的已知属性。

最新消息

谢谢你，甘特。我意识到我需要从RC4更新到RC5。我使用角度“form”plnkr示例尝试了同样的方法（因此加载了forms模块）。我仍然无法让它与RC5一起工作。是否可以将select绑定到“对象”上，或者它必须是数值类型？非常感谢。

第二plnkr

解决方案

见甘特的回答和评论。我从RC4升级到RC5，导入了FormsModule，不得不在“option”元素上使用[ngValue]而不是[value]。

<select [(ngModel)]="selectedSport">
  <option *ngFor="let s of sports" [ngValue]="s">{{s.Name}}</option>
</select>

Answer 1

您需要加载表单模块

import { FormsModule } from '@angular/forms';

@NgModule({
imports: [ FormsModule, ... ],