Observable fromArray

Question

Ich habe derzeit ein Problem mit Angular2 und Observable-Objekt.

Ich habe eine Komponente, die einen Service anruft: eine echte Verbindung mit einer API und einer gefälschten.

Der Dienst an die API verknüpft funktioniert gut, aber wenn ich die gefälschten verwenden, mag ich ein Array von beobachtbaren Objekt zurückgeben, aber ich habe diesen Fehler: „Observable_1.Observable.fromArray ist keine Funktion“

hier ist mein Code:

Komponente:

this._raceService.list().subscribe(newRaces => { 

    this.races = newRaces; 
}); 

Echt Service:

list(){ return this._http.get('http://dev.backend.com/api.php', options).map(res => res.json()); } 

Fake-Service:

list() { return Observable.fromArray([{ name: 'London' }]); } 

Können Sie mir helfen plz?

Prost

Answer 1

sollte sein, dass ...

Rx.Observable.from(yourarray) 

fromArray scheint

Answer 2

veraltet sein ich hatte das gleiche Problem und hatte diese Import-Anweisung in meiner Komponente hinzuzufügen:

import 'rxjs/add/observable/fromArray';

Ich fand die Import durch die Suche nach fromArray in der Rx.js Datei hinzufügt Ich war Referenzierung (vorsichtig sein, da es in einem Projekt verschiedene Versionen der Datei sein kann):

System.register("rxjs/add/observable/fromArray", ["rxjs/Observable", "rxjs/observable/ArrayObservable"], true, function(require, exports, module) { 
    // ... 
}); 

Answer 3

ich das gleiche Problem hatte, nach einigen Recherchen in meinem Code ...

ich importiert:

import {Observable} from "rxjs/Observable"; 

Statt:

import {Observable} from "rxjs/Rx"; 

Ich hoffe, es kann jemand anderem helfen.

Answer 4

Ich hatte das gleiche Problem. Ich glaube, Sie bekommen das vielleicht, weil vonArray veraltet ist.

Import rxjs/beobachtbare Import andere Teile rxjs zu verhindern, brauchen Sie nicht

import { Observable } from 'rxjs/Observable'; 

fromArray ist veraltet. Statt

verwenden

list() { return Observable.from([{ name: 'London' }]); } 

Answer 5

Observable.fromArray() 5 in RxJS Version entfernt wurde, verwenden from()

import { Observable } from 'rxjs/Observable'; 
import 'rxjs/add/observable/from'; 
... 
Observable.from([1, 2, 3, 4]);