Creating an Observable for Mock Data in Angular 2

promise angular observer-pattern
Chris picture Chris · Feb 15, 2016 · Viewed 25.8k times · Source

I am trying to return an Observable from a service with mock data.

I am returning this from my service :

return Observable.of(new Object()).map(MOCKACCOUNT =>JSON.stringify(MOCKACCOUNT));

I get an error

Observable_1.Observable.of is not a function.

Am I missing some include? I am importing 

import {Observable} from "rxjs/Observable";

Note: I was returning a mock promise prior but based on my understanding I would not be able to interpolate the value. For example {{returnFromServiceStoredInExportedClass.name}}

Answer

Günter Zöchbauer picture Günter Zöchbauer · Feb 15, 2016

Looks like

import {Observable} from "rxjs/Observable";

should be

import {Observable} from "rxjs/Rx";

See also Angular2 RxJS getting 'Observable_1.Observable.fromEvent is not a function' error

Related questions

What is the difference between Promises and Observables?

What is the difference between Promise and Observable in Angular? An example on each would be helpful in understanding both the cases. In what scenario can we use each case?

Read More
Angular 2: How to call a function after get a response from subscribe http.post

I need to call a method after get the data from the http post request service: request.service.TS get_categories(number){ this.http.post( url, body, {headers: headers, withCredentials:true}) .subscribe( response => { this.total = response.json(); }, error => { } ); } …

Read More
How to create an Observable from static data similar to http one in Angular?

I am having a service that has this method: export class TestModelService { public testModel: TestModel; constructor( @Inject(Http) public http: Http) { } public fetchModel(uuid: string = undefined): Observable<string> { if(!uuid) { //return Observable of JSON.stringify(new TestModel()); } else { …

Read More