在angular2我該怎麼辦使用ngModel

選擇列表在angular2我該怎麼辦使用ngModel在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未處理的承諾拒絕：模板解析錯誤：無法綁定到'ngModel'，因爲它不是 'select'的已知屬性。（」] [（ngModel）] = 「縣」>

來源

2016-10-30 AngularM

你加'FormsModule'到'進口：[...]''中@NgModule（）' ？ –

歡呼聲 - 那是什麼呢 – AngularM

另外，刪除'value =「」'。 –

有導入的FormsModule在您的應用模塊？

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

這應該在任何輸入/選擇元素使用ngModel時工作。

而接下來的事情， [value]="item.county"在選項應該在選擇標籤是相同[(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值應該與選項中的值匹配。

來源

2016-10-30 15:58:57

你應該導入FormsModule你的模塊中，退房this example

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

來源

2017-01-21 23:13:43 jasharbn

在angular2我該怎麼辦使用ngModel

回答

相關問題