ag-grid-angular 不显示数据答案

【问题标题】：ag-grid-angular doesn't display dataag-grid-angular 不显示数据
【发布时间】：2020-07-12 05:59:16
【问题描述】：

获取并分配给数组的数据不显示在 ag-grid-angular 组件中：

角度组件：

columnDefs = [
    { headerName: 'Id', field: 'id' },
    { headerName: 'Name', field: 'name' },
    { headerName: 'Login', field: 'login' },
    { headerName: 'Email', field: 'email' },
    { headerName: 'Role', field: 'role' },
    { headerName: 'Department', field: 'department' },
  ];

  rowData = Array();

  ngOnInit(): void {
    this.apiService.getAllUsers().subscribe(users => {
      users.forEach(user => {
        const item = {
          'id': user.id,
          'name': user.name,
          'login': user.login,
          'email': user.email,
          'role': user.role,
          'department': user.department
        };
        this.rowData.push(item)
      }, err => {
        this.errorMessage = err;
      })
    });

    console.log(this.rowData);
  }

HTML：

<ag-grid-angular
  [columnDefs]="columnDefs"
  [rowData]="rowData"
  class = "ag-theme-balham standard-grid">
</ag-grid-angular>

网格：

在控制台打印数组数据：

除此之外，没有其他错误

【问题讨论】：

标签： angular ag-grid-angular

【解决方案1】：

发生这种情况是因为您将项目推送到 rowData 变量，这不会触发更改检测，因此您不会在网格中获得结果。

你可以做的是要么有另一个单独的数组并将项目推送到该数组，然后将该数组分配给 rowData 变量。或者你可以使用ag grid api方法setRowData来设置结果。

【讨论】：