Wie verwendet man Versprechen mit angular 2 und Loopback?

Question

Hier wird das Projekt im angular2 Framework mit Loopback gezeigt. Ich möchte Versprechen mit Daten mit Loopback abgerufen verwenden.

data.component.ts

ngOnInit() { 
this.dataService.getAllData() 
.then(response => {this.data.push(response);}); 
} 

data.service.ts

public getAllData(): any { 
    this.my_model.find() 
    .toPromise() 
    .then((res : Response) => res); 

} 

Ich möchte diese Daten in die HTML-Ansicht zu interpolieren. Wie geht das?

Answer 1

Sie geben keine Promise in Ihrer getAllData() zurück. Man könnte es so versuchen:

data.service.ts

public getAllData(): any { 
    return this.my_model.find().toPromise(); 
} 

data.component.ts

ngOnInit() { 
    this.dataService.getAllData() 
    .then(response => { this.data.push(response); }); 
} 

und irgendwo in Ihrer Vorlage können Sie dieses Array verwenden:

<div *ngFor="let item of data"> 
    <span>{{ item.id }}</span> 
</div>