角度8 ngFor不显示来自对象的任何数据

时间:2019-10-29 14:56:27

标签: angular typescript

我有此数据:

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

我正在尝试通过以下方式显示名称:

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

  </li>
</ul>

但是它什么也没显示。

也没有错误...如此

我该如何解决?

2 个答案:

答案 0 :(得分:2)

您试图将数组显示为对象。 for循环无法访问您的.name属性的user属性,因为de user属性是一个数组。试试这个

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

  </li>
</ul>

答案 1 :(得分:1)

您应该在用户列表*ngFor上运行data.user

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

并在绑定中显示{{ member.name }}