有没有一种方法可以在Angular 5中动态创建表格-未知的行和列的大小

Question

您好，我一直在寻找一种动态创建angular 5组件的方法，该组件可以创建具有可变长度的行和列的表。它总是变化的。

感谢您的帮助

Answer 1

您可能不需要“动态创建” Angular组件。

正如另一位用户所述，您将：

1. 为Angular组件提供表示任意长度的行和列的数据

   • 您可能需要在组件中使用以下机制：

     • 将组件的数据本身更改为不同的行/列长度
     • 查找具有不同行/列长度的不同数据源，并替换或更新组件的数据（例如，对不同API URL的请求或打开不同的本地JSON文件）

2. 构建相关的组件模板，该模板将迭代提供给组件的数据

来自This Angular Material stackblitz example的

Angular Material table component examples应该说明代码中满足您视觉需求的基本前提。

我唯一的警告是使用的某些元素或属性可能特定于Angular Material，示例本身是Angular 6 但是 模板中的迭代逻辑（例如*ngFor）在典型的通用Angular 5使用中将是相同的。

如果这不令人满意，则可能需要编辑问题以添加更多细节或其他细节。