Javascript 如何在angularjs中单击按钮添加行和表？

我需要一个表，它的行可以通过单击按钮动态添加，表本身可以通过单击另一个按钮重新创建并显示在页面上

我创建了以下内容 HTML:

一切正常，只是当我单击AddTable时，上一个表以及添加的行被复制。 我只想得到表的初始实例，其中只有一行要添加年龄和名称。 请帮助：

---

代码笔链接：

如果通过此操作从表中创建对象

 $scope.tables=[{name: "table 1"}];
 $scope.tables[0].rows=['row1']

这将允许向$scope.tables[0]添加行 这样，它将只添加到第一个 对于新产品，您只需推动

 $scope.tables.push({name: 'Table ' + $scope.counter});

它将创建一个全新的表

您必须在中更改行

<tr ng-repeat="rowContent in table.rows">

我希望这将以正确的方式帮助你

在这里，我编辑了您的代码，使其成为我认为最好的方式

---

您有一个行数组。每个表需要一个单独的行数组。假设有3个表。单击“添加行”。那么这一行应该附加到哪个表中？我也会这样做。只有带的问题仍然存在。我认为最好的方法是在每个表中添加一个“添加行”按钮，并将该表连同该按钮一起发送给函数，然后向该表添加一行。是的，但如果当前OP的布局有这么好的顶部按钮，则不会这样。。不管怎样，你的答案是应该怎么做。我手头有一个更大的问题…我如何为每个输入字段分离ng模型？如果你想要一个单独的ID或者你可以做的事情，就为每个字段使用另一个模型ID=“userName{{{$index}”，但这是另一个问题，这个问题已经解决了，所以请将它标记为已解决并创建一个新的帖子。

 $scope.tables.push({name: 'Table ' + $scope.counter});

<tr ng-repeat="rowContent in table.rows">