javascript - onclick 在表中添加新行

标签 javascript html angular bootstrap-4

我刚刚开始使用 Angular。我有一张 table 和一个按钮。单击按钮,应在表中添加与前一行类似的新行。我在下面添加了 stackblitz 链接。我正在努力解决这个问题。提前致谢。

stackblitz link

最佳答案

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

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

关于javascript - onclick 在表中添加新行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60335838/

相关文章:

Javascript:确定未知数组长度并动态映射

javascript - 在多个文件上传中删除文件时显示剩余文件数

html - 如何用下拉菜单固定标题?

javascript - 如何使用 CSS 过滤器从 Canvas 中保存图像

javascript - 如何通过子字符串更改后获取旧文本?

angular - 如何在 Angular 中监听 Document 对象上的 mousemove 事件

javascript - HTML 文本区域永久边框颜色

javascript - 无法读取未定义的属性 'fontSize'

javascript - Angular 为 6 的 map 元素

angular - 放大和 Angular 安全关注 - Cognito