There may be other ways to do this but I had to import "map" and "catch" separately like this
import 'rxjs/add/operator/map'; import 'rxjs/add/operator/catch'; Kevin F. On Tue, May 31, 2016 at 12:01 PM, Fong <[email protected]> wrote: > Hi Everyone, > > I am trying to use http, http get will return a observable object , but > the there is no map method in the object (see below) . is there any thing > wrong ? I have checked > > import { Observable } from 'rxjs/Observable'; > > > <https://lh3.googleusercontent.com/-bm4kORAns0E/V02zXL-1FRI/AAAAAAAABcI/bkQXZk8j_3s6Zj29mS0KmUvfv0EEu03kQCLcB/s1600/Screen%2BShot%2B2016-05-31%2Bat%2B11.51.55%2BPM.png> > > > > > > > > > > > > *This is Observable.d.ts *(this is no map method be defined) > > import { PartialObserver } from './Observer'; > import { Operator } from './Operator'; > import { Subscriber } from './Subscriber'; > import { Subscription, AnonymousSubscription, TeardownLogic } from > './Subscription'; > import { IfObservable } from './observable/IfObservable'; > import { ErrorObservable } from './observable/ErrorObservable'; > export interface Subscribable<T> { > subscribe(observerOrNext?: PartialObserver<T> | ((value: T) => void), > error?: (error: any) => void, complete?: () => void): AnonymousSubscription; > } > export declare type SubscribableOrPromise<T> = Subscribable<T> | > Promise<T>; > export declare type ObservableInput<T> = SubscribableOrPromise<T> | > ArrayLike<T>; > /** > * A representation of any set of values over any amount of time. This the > most basic building block > * of RxJS. > * > * @class Observable<T> > */ > export declare class Observable<T> implements Subscribable<T> { > _isScalar: boolean; > protected source: Observable<any>; > protected operator: Operator<any, T>; > /** > * @constructor > * @param {Function} subscribe the function that is called when the > Observable is > * initially subscribed to. This function is given a Subscriber, to > which new values > * can be `next`ed, or an `error` method can be called to raise an > error, or > * `complete` can be called to notify of a successful completion. > */ > constructor(subscribe?: <R>(subscriber: Subscriber<R>) => > TeardownLogic); > /** > * Creates a new cold Observable by calling the Observable constructor > * @static true > * @owner Observable > * @method create > * @param {Function} subscribe? the subscriber function to be passed > to the Observable constructor > * @return {Observable} a new cold observable > */ > static create: Function; > /** > * Creates a new Observable, with this Observable as the source, and > the passed > * operator defined as the new observable's operator. > * @method lift > * @param {Operator} operator the operator defining the operation to > take on the observable > * @return {Observable} a new observable with the Operator applied > */ > lift<R>(operator: Operator<T, R>): Observable<R>; > /** > * Registers handlers for handling emitted values, error and > completions from the observable, and > * executes the observable's subscriber function, which will take > action to set up the underlying data stream > * @method subscribe > * @param {PartialObserver|Function} observerOrNext (optional) either > an observer defining all functions to be called, > * or the first of three possible handlers, which is the handler for > each value emitted from the observable. > * @param {Function} error (optional) a handler for a terminal event > resulting from an error. If no error handler is provided, > * the error will be thrown as unhandled > * @param {Function} complete (optional) a handler for a terminal > event resulting from successful completion. > * @return {ISubscription} a subscription reference to the registered > handlers > */ > subscribe(observerOrNext?: PartialObserver<T> | ((value: T) => void), > error?: (error: any) => void, complete?: () => void): Subscription; > /** > * @method forEach > * @param {Function} next a handler for each value emitted by the > observable > * @param {PromiseConstructor} [PromiseCtor] a constructor function > used to instantiate the Promise > * @return {Promise} a promise that either resolves on observable > completion or > * rejects with the handled error > */ > forEach(next: (value: T) => void, PromiseCtor?: typeof Promise): > Promise<void>; > protected _subscribe(subscriber: Subscriber<any>): TeardownLogic; > static if: typeof IfObservable.create; > static throw: typeof ErrorObservable.create; > } > > > *but in the guide I can see the map method is there , *do you have any > idea about this ? > https://angular.io/docs/ts/latest/guide/server-communication.html > > > app/toh/hero.service.ts (revised) > > > 1. import { Injectable } from '@angular/core'; > 2. import { Http, Response } from '@angular/http'; > 3. > 4. import { Hero } from './hero'; > 5. import { Observable } from 'rxjs/Observable'; > 6. > 7. @Injectable() > 8. export class HeroService { > 9. constructor (private http: Http) {} > 10. > 11. private heroesUrl = 'app/heroes'; // URL to web API > 12. > 13. getHeroes (): Observable<Hero[]> { > 14. return this.http.get(this.heroesUrl) > 15. *.map(this.extractData)* > 16. .catch(this.handleError); > 17. } > 18. private extractData(res: Response) { > 19. let body = res.json(); > 20. return body.data || { }; > 21. } > 22. > 23. private handleError (error: any) { > 24. // In a real world app, we might use a remote logging > infrastructure > 25. // We'd also dig deeper into the error to get a better message > 26. let errMsg = (error.message) ? error.message : > 27. error.status ? `${error.status} - ${error.statusText}` : 'Server > error'; > 28. console.error(errMsg); // log to console instead > 29. return Observable.throw(errMsg); > 30. } > 31. } > > > -- > You received this message because you are subscribed to the Google Groups > "AngularJS" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To post to this group, send email to [email protected]. > Visit this group at https://groups.google.com/group/angular. > For more options, visit https://groups.google.com/d/optout. > -- Kevin F. -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
