マシュー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を使用することができます。