2017-06-14 3 views
1

Wie kann ich Wert erhalten auf observable-> Karte, weil ich bereits eine Fehlermeldung anzeigt:
Property ‚Ziel‘ existiert nicht auf Typ ‚{}‘Angular beobachtbare Kartensystem

import { Component , ViewChild , AfterViewInit } from '@angular/core'; 
import {Observable} from 'rxjs/Rx'; 

@Component({ 
    selector: 'app-root', 
    template: `<h1>Hello World!</h1> 
       <input type="text" #name > 
       `, 


}) 

export class AppComponent implements AfterViewInit { 
@ViewChild ('name') input; 


ngAfterViewInit(){ 
    var keyup = Observable.fromEvent(this.input.nativeElement,"keyup") 
          .map(data => data.target.value); 
    keyup.subscribe(data => console.log(data)); 
} 
} 
+1

Versuchen '.map ((Daten: beliebig) => data.target.value);' – echonax

+0

echonax Vorschlag eine akzeptable Lösung sein sollte , obwohl 'besser' (mit stärkerer Eingabe) existieren, siehe https://github.com/ReactiveX/rxjs/issues/1822 – Pac0

+0

danke für Ihre schnelle Antwort und es ist bereits gelöst, aber ich frage mich, was ist falsch mit meinem Code?! –

Antwort

1

Sie diese vermeiden können Fehler mit

.map((data: any) => data.target.value); 

oder als @ Pac0 angegeben, können Sie eine Schnittstelle/Typ für Ihr aktuelles Objekt erstellen.

Die map Operatoren Standardtyp für seine Werte ist Object, wie es scheint.

Sie können weitere Informationen über den Unterschied zwischen any und Object finden Sie hier: TypeScript any vs Object

Verwandte Themen