（Angular 6）让项目中的项目来自数据库答案

【问题标题】：(Angular 6) Let Item of Itens from database（Angular 6）让项目中的项目来自数据库
【发布时间】：2019-05-01 20:44:24
【问题描述】：

我正在尝试从数据库中调出一个列表。 *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
campAt: 真的
campRep：是的
代码：102
日期：空
名称：“约翰测试”
签名：“ZCD”
统计：0
}
......

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

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

我也尝试过类似的东西

用户名

或

用户[] |用户[].name |用户[i]

真的，我不知道如何将数据从 User 带到 *ngFor...
那么，这里的诀窍是什么？

【问题讨论】：

标签： angular ngfor

【解决方案1】：

错误出在变量名上。

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>

【讨论】：

【解决方案2】：

您将x 放入User 而不是Users。

this.User = x

把它改成this.Users，这样就可以遍历Users

【讨论】：