时间戳

首页 > 解决方案 > （Angular 6）让数据库中的 Itens 项目

angular - （Angular 6）让数据库中的 Itens 项目

问题描述

我正在尝试从数据库中调出一个列表。*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]);
  }); 

}

日志正确地为我带来了所有信息，就像它在数据库中一样，所以到目前为止，一切都很好。
这是日志向我显示的内容：

{
camp: 1
campAt: true
campRep: true
code: 102
date: null
name: "John Test"
sig: "ZCD"
stat: 0
}
.........

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

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

我也尝试过类似的东西

用户名

或者

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

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

标签： angularngfor

解决方案

错误在于变量的名称。

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>

推荐阅读