Json 数据未呈现我的 html 网格 table

Question

我无法使用来自 mysql database.Please 的 json 数据在 angular 中呈现我的 html 网格 table有人帮助我。

Output of the angular code

    export class UserlistComponent implements OnInit {

  users: Observable<User[]>;

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

  ngOnInit() {
    this.reloadData();
  }

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

Answer 1

您的输出似乎是 CSV 类型（数组的数组）而不是 JSON。因此，您需要对电子邮件使用 {{user[1]}} 而不是 {{user.email}}，对名字使用 {{user[2]}} 而不是 {{user.firstname}}

Answer 2

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

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

Json 数据未呈现我的 html 网格 table

Json data not rendering my html grid table

html

json

rendering

observable

angular