Angular2 数据绑定不适用于 select 下拉列表

Question

我正在使用 Angular 版本 2.0.0。我有一个包含选项列表的菜单，我想明确设置默认选项，而且如果更改了任何选项，我想知道使用双向数据绑定更改了哪个选项。

我的 html

里有这个

<select [(ng-model)]="cosResponse.systemSelection.selected" (ng-model-change)="onChange(cosResponse.systemSelection.shouldRefresh)">

但是在浏览器中，我得到这个错误：无法绑定到 'ng-model'，因为它不是 'select' 的已知属性导入 FormsModule 或 ReactiveFormsModule 不是问题，因为我的其他元素（如复选框等）可以与 [(ng-model)] 一起正常工作。只有 select 不适用于双向数据绑定。

Answer 1

您应该使用驼峰命名法。例如，

<select 
  [(ngModel)]="cosResponse.systemSelection.selected"
  (ngModelChange)="onChange(cosResponse.systemSelection.shouldRefresh)">

见docs。

Angular2 数据绑定不适用于 select 下拉列表

Angular2 data binding does not work with select dropdown

angular2-forms

angular