Angular 2+ und Observables: Kann nicht an 'ngModel' gebunden werden, da es keine bekannte Eigenschaft von 'select' @ i

EDIT: Aktualisiert Plunkr:http: //plnkr.co/edit/fQ7P9KPjMxb5NAhccYIq? p = preview

dieser Teil funktioniert:

<div *ngFor="let entry of entries | async">
  Label: {{ entry.label }}<br>
  Value: {{ entry.value }}
</div>

aber ich habe Probleme mit der Auswahlbox, die Fehlermeldung lautet:

Kann nicht an 'ngModel' gebunden werden, da es keine bekannte Eigenschaft von 'select' @ i

Die gesamte Komponente:

//our root app component
import {Component} from '@angular/core';
import {NgFor} from '@angular/common';
import {HTTP_PROVIDERS, Http} from '@angular/http';
import 'rxjs/Rx';
import {Observable} from 'rxjs/Rx';

@Component({
  selector: 'my-app',
  providers: [HTTP_PROVIDERS],
  template: `

  <select [(ngModel)]="selectValue" name="selectValue">
    <option *ngFor="let entry of entries | async" 
    [value]="entry.value">{{entry.label}}</option>
  </select>

    <div *ngFor="let entry of entries | async">
      Label: {{ entry.label }}<br>
      Value: {{ entry.value }}
    </div>
  `,
  directives: [NgFor]
})
export class App {

  entries: any = {};
  selectValue:any;

  constructor(private _http: Http) {
    this.entries = this._http.get("./data.json")
                            .map(res => res.json());
  }
}

und data.json

[
  {
    "timestamp": 0,
    "label": "l1",
    "value": 1
  },
  {
    "timestamp": 0,
    "label": "l2",
    "value": 2
  },
  {
    "timestamp": 0,
    "label": "l3",
    "value": 3    
  }
]

Antworten auf die Frage(12)

Ihre Antwort auf die Frage