Как использовать обещание с угловыми 2 и петлями?

Question

Здесь показан проект, выполненный в угловом каркасе с петлей. Я хочу использовать обещание вместе с данными, полученными с помощью loopback.

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); 

} 

Я хочу, чтобы интерполировать эти данные в представление HTML. Как это сделать?

Answer 1

Вы не возвращаете Promise в свой getAllData(). Вы можете попробовать это так:

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); }); 
} 

и где-то в шаблоне вы можете использовать этот массив:

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