Kann oben auf Datei importiert nicht Eigentum ‚injizierbare‘ undefinierter Angular

Question

import { Injectable } from '@angular/core'; 
import { Http, Response } from '@angular/http'; 
import { Observable } from 'rxjs/Observable'; 

// format of Product Interface so typing mistakes will be avoided 
import { IProduct } from './product'; 

@Injectable() 

export class ProductService { 
    private _productUrl = 'api/products/products.json'; 
    constructor(private _http: Http){ 
    } 

    getProducts(): Observable<IProduct[]> { 
     return this._http.get(this._productUrl) 
      .map((response: Response) => <IProduct[]>response.json()) 
      .do(data => console.log("All: " + JSON.stringify(data))) 
      .catch(this.handleErrors); 
    } 

    private handleErrors(error: Response){ 
     console.log('Error: ' + error); 
     return Observable.throw(error.json().error || 'Server Error'); 
    } 

} 

injizierbare lesen, aber in Chrome Entwickler-Tools bekommen Fehler unter

Injectable Undefined

Answer 1

den Chrome Developer Tool Bild Überprüfen Es sieht aus wie Sie sind fehlende Importanweisungen für die beobachtbaren Operatoren Versuchen Sie, dies oben durch Ihre anderen Importanweisungen hinzuzufügen.

import 'rxjs/add/operator/do'; 
import 'rxjs/add/operator/catch'; 
import 'rxjs/add/operator/map'; 
import 'rxjs/add/observable/throw';