首页 > 解决方案 > 角度 6:如何将服务器数据循环到 ag-Grid

问题描述

我有一个问题,我是 Angular 6 的新手,我遇到了一个关于我想要循环行的问题 ag-Grid,这样我就可以以正确的列顺序显示来自 API 的所有信息,但数据循环并显示最后一个仅行。我只需要循环数据并将其显示在行中,我尝试了显示数据的方法,但它显示了给定数据的最后一行。

这是我的一些代码:-

我的代码 /

谢谢你,请帮助我

标签: angulartypescriptangular6ag-grid

解决方案


如果您从 API 获取数据,即它是 Observable 而不是硬编码的数组,请使用以下async管道rowData

<ag-grid-angular 
    style="width: 500px; height: 500px;" 
    class="ag-theme-balham"
    [rowData]="rowData | async"
    [columnDefs]="columnDefs"
    rowSelection="multiple"
    >
</ag-grid-angular>

推荐阅读