約束が完了したらHTMLで結果を表示するには

Question

約束が終わったら、結果をHTMLで表示したいと思います。

<tr *ngFor="let p of promoBuyNGetNData"> 
     <td class="name">{{p.productGet}}</td> 
     <td class="quantity">{{p.getN}}</td> 
     <td class="price">Rp. {{p.price}},00</td> 
</tr> 

しかし、HTMLでそれが唯一の空の行を示しています

promoBuyNGetNData = [];//class variable 

ngOnInit() { 
     Promise.all(this.checkPromoBuyNGetN()).then(values => { 
     this.promoBuyNGetNData = values; 
     }); 
} 

checkPromoBuyNGetN() { 
    var result = []; 
    for (let p of this.invoiceProduct) { 
     result.push(this.promotionSvc.checkPromoBuyNGetN(this.username, p)); 
    } 
    return result; 
} 

次に、HTMLに私はこれを書い：現在、これは私がそれを行う方法です。これをどうすれば解決できますか？ @manikantコメントへ

Answer 1

おかげで、私はこのようにそれを書く必要があります。

<tr *ngFor="let p of promoBuyNGetNData[0]"> 
     <td class="name">{{p.productGet}}</td> 
     <td class="quantity">{{p.getN}}</td> 
     <td class="price">Rp. {{p.price}},00</td> 
     <td class="delete"><ion-icon *ngIf = "isShowInvoice === false" title="delete" name="trash"></ion-icon></td> 
</tr>