Angular 以角度动态生成选项卡和表格

我正在尝试动态构建选项卡以及每个选项卡下的表。我参考了这个项目的动态表

这是我的回购协议-

我不确定我作为异步流传递表数据的方式是否有效。在我的程序中，我有两个选项卡-员工选项卡和经理选项卡，每个选项卡下都有一个表。每个表都有自己的分类器、分页和搜索。搜索词被传递到组件

---

问题的根源在于没有将正确的输入传递给组件

在

tab.component.html

中，您可以使用

async

管道从您的可观察对象中获取

应用程序表

组件所需的列和行数组。然后，使用选项卡名称参考每个部分。您可以使用索引或枚举，但您的结构需要支持它

<ng-container *ngIf="{row: (rowData$ | async), col: (colData$ | async)} as data">
     <app-table [row]="data.row[tab.tabName]" [columns]="data.col[tab.tabName]" [search]='filters'>
     </app-table>
</ng-container>

我马上看到您正在将未定义的值传递给应用程序表的行和列输入。我认为您需要的是rowData$，而不是rowData。即使在此之后，根据您的结构，您也需要引用data.employees，而不是试图引用基于循环索引的数据[0]。非常感谢您指出这个问题。。你知道为什么搜索不起作用吗？这可能是你的ngOnChanges方法的问题。当您的搜索输入更改时。数据未定义谢谢您这就是问题所在！