So prüfen Sie alle HTTP-GET-Anforderung abgeschlossen ist (aufgelöst) - Angular 2

Question

Ich habe einen Dienst wie:

getItems(id: string): Observable<items> { 
    return this.http.get(this.url + id) 
     .map(response => response.json()); 
} 

In Komponentenvorlage:

<tr *ngFor="#item of items"> 
    <td> 
     <another-component [values]=item.values></another-component> 
    </td> 
</tr> 

In einer anderen Komponente A:

ngOnChanges() { 
    this.values.filter((value) => value.number > 0) 
     .map((value) => this.positive[value.id] = value.number); 
     } 

Es gibt eine Liste von Werten und IDs. Ich möchte Positives trennen, bevor ich sie zeige.

Ich habe eine Fehlermeldung erhalten. Filter konnte nicht für undefined verwendet werden. Danach verwende ich ngIf, um zu prüfen, ob die Eigenschaft existiert, aber es zeigt nur einige der Werte (die aufgelöst sind).

So

Wie kann ich überprüfe alle Anforderung erledigt ist und alle Daten bereit (aufgelöst) in einer richtigen Art und Weise?

oder kann das Problem, das ich hatte, asynchron gelöst werden?

EDIT:

ich in meiner Komponente abonnieren verwenden.

ngOnInit() { 
    let id = this._routeParams.get('id'); 
    this.getItems(id) 
} 
this._itemsService.getItems(id).subscribe(
     data => this.items = data 
     ) 

Aber nicht alle Werte erscheinen von anderen Komponenten, da sie nicht abgeschlossen sind. Wie könnte ich andere Komponenten wissen lassen, dass es abgeschlossen ist, dann könnte es die komplette Liste filtern. Da der Filter bei Erfolg nicht abgeschlossen ist, wird der Filter nur auf einen oder zwei Werte angewendet, und nur ein oder zwei Werte werden angezeigt.

Answer 1

versuchen

map().subscribe() 

Quelle: Angular2 http.get() ,map(), subscribe() and observable pattern - basic understanding

Syntax:

.subscribe(success, failure, complete); 

Beispiel:

.subscribe(
    function(response) { console.log("Success Response" + response)}, 
    function(error) { console.log("Error happened" + error)}, 
    function() { console.log("the subscription is completed")} 
);