1
私はJSONオブジェクトの配列を持っており、各JSONオブジェクトのAPIヒット結果を各JSONオブジェクトの特定の要素に追加する必要があります。最終結果はHTMLファイルに表示されるはずですか？ しかし、HTMLページは、APIから取得したデータの前にレンダリングされていますか？APIへの非同期呼び出しを処理する方法は？
問題は、このようなものです：
<tr *ngFor="let order of Orders">
<td><img src="images/honey.jpg" style="width:50px;"/>
<span style="margin-left:10px;">{{order.productName}} <strong>[ package:</strong> {{order.packageName}}<strong>]</strong></span></td>
<td><input type="number" class="form-control" step="1" style="width:80px;" [value]="order.quantity" /></td>
<td><span>NPR Rs.{{order.Rate|number}}</span></td>
<td><strong>{{order.totalPrice}}</strong></td>
<td>
<a href="#" style="color:#F00"><i class="fa fa-trash" (click)="removeItem(order)"></i> Remove</a>
</td>
</tr>
のみtotalPriceは、API側からcalcuatingされ、他のすべての内容は、受注変数で、すでにあります。 TSファイルで
：
calculatePrice(){
let i;
for(i =0;i<this.Orders.length; i++){
this.dataService.post("order/prices",this.Orders[i])
.subscribe(res=>{
this.Orders[i]['totalPrice'] = res.totalPrice;
})
}
}