Json 数据未呈现我的 html 网格表答案

【问题标题】：Json data not rendering my html grid tableJson 数据未呈现我的 html 网格表
【发布时间】：2020-12-19 07:23:09
【问题描述】：

我无法使用来自 mysql 数据库的 json 数据以角度呈现我的 html 网格表。请有人帮助我。

    export class UserlistComponent implements OnInit {

  users: Observable<User[]>;

  constructor(private _service:NgserviceService, private _route:Router) { }

  ngOnInit() {
    this.reloadData();
  }

  reloadData(){
    this.users = this._service.getUserList();
  }
}

【问题讨论】：

请附上部分代码
看来你有数组数组，而不是对象数组，因此let user 是数组而不是对象
确保您的集合“用户”是可观察的，并在浏览器控制台中检查错误
我将添加我的 component.ts 代码。指导我@ArmenStepanyan
我的用户只能被观察到，我的浏览器控制台不会抛出任何错误@MujassirNasir

标签： html json angular observable rendering

【解决方案1】：

您似乎收到了一个数组而不是一个对象。您可以简单地映射接收到的数据并保留其余数据。

reloadData() {
    this.users = this._service.getUserList().pipe(
      map(arrayUsers => arrayUsers.map(arrayUser => ({
        id: arrayUser[0],
        email: arrayUser[1],
        firstname: arrayUser[2],
        lastname: arrayUser[3],
      })))
    );
  }

【讨论】：

【解决方案2】：

您的输出似乎是 CSV 类型（数组的数组）而不是 JSON。所以，你需要使用{{user[1]}} 代替{{user.email}} 和{{user[2]}} 作为名字而不是{{user.firstname}}

【讨论】：