AG-グリッドの角度は、データを表示しません。

マシューFijak:

データフェッチアレイに割り当てられたが、AG-グリッド角度成分に表示されません。

角度成分:

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>

グリッド:

ここでは、画像の説明を入力します。

コンソールに印刷された配列データ:

ここでは、画像の説明を入力します。

それに加えて、他のエラーはありません

Hriisnthkumr:

これは、これが変化検出をトリガしませんrowData変数にアイテムをプッシュしているので起こり、したがって、あなたはグリッドで結果を得ることはありません。

あなたにできることは別の独立した配列を持っており、その配列にアイテムをプッシュした後、rowData変数にその配列を割り当てるのいずれかです。それとも、結果を設定したAgグリッドAPIメソッドsetRowDataを使用することができます。

おすすめ

転載: http://10.200.1.11:23101/article/api/json?id=376957&siteId=1