Angular 8 ngFor 未顯示來自 object 的任何數據

Question

我有這個數據：

var data = {
    id: 1
    version: 1
    user: [
        {
            name: 'paul'
        },
        {
            name: 'peter'
        }
    ],
}

我正在嘗試通過這樣做來顯示名稱：

<ul *ngFor="let dat of data">
  <li>
   {{ dat.user.name }}

  </li>
</ul>

但它沒有顯示任何東西。

也沒有錯誤...所以

我怎樣才能解決這個問題？

Answer 1

您正在嘗試將數組顯示為 object。 for 循環無法訪問user屬性的.name屬性，因為 de user屬性是一個數組。 試試這個

<ul *ngFor="let user of data.user">
  <li>
   {{ user.name }}

  </li>
</ul>

Answer 2

您應該在用戶列表data.user上運行*ngFor ：

<ul *ngFor="let member of data.user">

並在綁定中顯示{{ member.name }}