promiseとangular 2とloopbackの使い方は？

Question

ここでは、ループバックを使用してangular2フレームワークで行われたプロジェクトを示します。 ループバックを使用して取得されたデータと一緒に約束を使用したいと思います。

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

getAllData()にPromiseが返されていません。

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> 

あなたはこのようにそれを試みることができます