Question

在angular2中，如何使用ngModel

执行选择列表

我使用的是最新的angular2库。

我目前的尝试：

 <select class="col-xs-12 col-xs-offset-0 col-md-2 col-md-offset-0" id="County" name="county" [(ngModel)]="county">
                <option>Filter by County</option>
                <option *ngFor="let item of counties" value="" [value]="item.county"  placeholder="Search by County">{{item.county}}</option>
              </select>

我收到错误：

zone.js？1477842549055：355未处理的承诺拒绝：模板解析错误：无法绑定到＆＃39; ngModel＆＃39;因为它不是一个已知的属性＆＃39;选择＆＃39 ;. （＆＃34;] [（ngModel）] =＆＃34;县＆＃34;＆gt;

Answer 1

您是否在App Module中导入了 FormsModule ？

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

在任何输入/选择元素中使用ngModel时，这应该有效。

接下来，选项中的[value]="item.county"应与select标记中的[(ngModel)]="county"相同。

<select class="col-xs-12 col-xs-offset-0 col-md-2 col-md-offset-0" id="County" name="county" [(ngModel)]="county">
            <option>Filter by County</option>
            <option *ngFor="let item of counties" value="" [value]="item"  placeholder="Search by County">{{item.county}}</option>
          </select>

即。 ngModel值应与option中的值匹配。

Answer 2

您应该在模块中导入 FormsModule ，看看this example

<select [(ngModel)]="selectedValue" (ngModelChange)="selectedValue=$event;"> <option *ngFor="let item of _types | enumKeyValuelist;" [value]="item.key">{{item.value}}</option> </select>

在angular2中，如何使用ngModel

2 个答案: