Angular （6）从数据库中删除ITEN项目

我正试图从数据库中调出一个列表。*ngFor的过程基本上很简单，但我从未尝试使用外部字体的数据来实现

我要做的第一件事是调用get（）方法，它从我的源代码中获取所有数据，过程如下：

ngOnInit() {

  this.get().subscribe(x => { 
    this.User = x; 
    console.log(this.User[0]);
    console.log(this.User[1]);
    console.log(this.User[2]);
  }); 

}

日志正确地为我提供了所有信息，就像数据库中的信息一样，因此到目前为止，一切都很好。
这是日志显示的内容：

{
营地：1
坎帕特：是的
campRep：正确
代码：102
日期：空
名称：“约翰测试”
信号：“ZCD”
统计：0
}

现在，在制作*ngFor时，我无法提取用户的“name”属性，我就是这样做的：

<ul>
    <li *ngFor="let User of Users">
        <span>{{User}}</span>
    </li>
</ul>

{{User}}

我也试过类似的方法

用户名

或

用户[]|用户[]。名称|用户[i]

真的，我不知道如何将用户的数据带到*ngFor

---

那么，这里的诀窍是什么呢？

错误在于变量的名称

this.get().subscribe(x => { 
   this.User = x;    // You are using 'User'
}); 

在

HTML

中，您正在使用

Users

<ul>
   <li *ngFor="let data of User">
      <span>{{data.name}}</span>
   </li>
</ul>

{{data.name}

错误在于变量名

this.get().subscribe(x => { 
   this.User = x;    // You are using 'User'
}); 

在

HTML

中，您正在使用

Users

<ul>
   <li *ngFor="let data of User">
      <span>{{data.name}}</span>
   </li>
</ul>

{{data.name}

您将

x

放入

User

而不是

Users

this.User=x

---

将其更改为

this.Users

，这样您就可以遍历

Users

您将

x

放入

User

而不是

Users

<ul>
   <li *ngFor="let data of User">
      <span>{{data.name}}</span>
   </li>
</ul>

this.User=x

将其更改为

this.Users

，这样您就可以遍历

Users

<ul>
   <li *ngFor="let data of User">
      <span>{{data.name}}</span>
   </li>
</ul>