In angular2 wie kann ich tun, um eine Auswahlliste ngModel

Question

In angular2 Wie kann ich eine Auswahlliste tun ngModel mit

ich die neuesten angular2 Bibliotheken.

Mein aktueller Versuch:

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

Fehler erhalte ich:

zone.js 1477842549055: 355 Unbehandelte Versprechen Ablehnung: Template Fehler analysieren: binden kann nicht an 'ngModel', da es keine bekannte Eigenschaft von 'select' ist. (“] [(NgModel)] = "Kreis">

Answer 1

Haben Sie den FormsModule in Ihrem App-Modul importiert?

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

Dies sollte funktionieren, wenn ngModel in jedem Ein-/select-Elemente mit

.

Und das nächste, was, [value]="item.county" in Option sollte als [(ngModel)]="county" in select-Tag gleich sein.

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

, d.h. der ngModel-Wert sollte mit dem Wert in Option übereinstimmen.

Answer 2

Sie sollten FormsModule in Ihrem Modul importieren, Check-out this example

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