角 | NgFor 顯示數組內容

Question

我是 Angular 的新手並試圖獲取postdata 中的值，但是當我嘗試對其進行迭代時，它只給了我第一個值。 附上我的代碼：

 posts;

 constructor(private getpostservice:GetpostsService) { }

 ngOnInit(): void {
  this.getpostservice.getposts().then(data=>{
  this.posts = [data];

  console.log("Inside home",this.posts);
 })
}

這是我的 html 邏輯：

<tr *ngFor="let p of posts;index as i">


        <td>
          {{p.postdata[i].title}}
        </td>

      </tr>

.

有人可以幫我提取標題和正文嗎？

Answer 1

我認為您試圖根據控制台數據實現的目標是：

 constructor(private getpostservice:GetpostsService) { }

 ngOnInit(): void {
  this.getpostservice.getposts().then(data => {
    this.posts = data.postdata;
    console.log("Inside home",this.posts);
 });

和

<ng-container *ngIf="posts">
  <tr *ngFor="let p of posts">
    <td>
      {{p.title}}
    </td>
  </tr>
</ng-container>

也許您還應該考慮使用Observables而不是Promises ，您需要習慣它，但它更強大且更易於使用。