onclick 在表中添加新行

Question

我刚开始使用 angular。我有一张桌子和一个按钮。 单击按钮时，应在表格中添加与前一行类似的新行。我在下面添加了 stackblitz 链接。 我正在努力弄清楚这一点。提前致谢。

闪电战链接

Answer 1

这是一个示例https://stackblitz.com/edit/angular-rs6bkq 。 您需要创建一个任意数组并使用其长度来定义要显示的行数。 请注意放置在tr标签上的*ngFor指令。 这实际上是 HTML 中用于数组中项目数的 for 循环。 因此，如果您使用函数调用更改数组的长度，则表行数将更新以反映这一点。

您可以在此处阅读有关结构指令（如 ngFor）的更多信息 - https://angular.io/guide/structural-directives

Answer 2

检查它是否有帮助： https : //stackblitz.com/edit/angular-add-new-row

我添加了一些修改以让输入具有不同的值。