如何在AngularJS中追加新表行？

在AngularJS中，可以通过使用指令来动态地添加新表行。以下是一个例子，演示了如何使用ngRepeat指令和ngClick指令来动态地添加表行。

首先，在HTML中定义表格，并使用ngRepeat指令来重复表行中的每个单元格：

<table>
  <tr ng-repeat="row in rows">
    <td>{{ row.name }}</td>
    <td>{{ row.age }}</td>
  </tr>
</table>

接下来，在控制器中定义初始化的行对象，并将其作为作用域的一部分：

$scope.rows = [
  { name: 'Tom', age: 25 },
  { name: 'Sarah', age: 30 },
  { name: 'John', age: 35 }
];

然后，创建一个函数来添加新的行。在此示例中，我们将ngClick指令添加到按钮上，该指令将调用此函数以添加新行：

<button ng-click="addRow()">Add Row</button>

在控制器中定义addRow函数。该函数将创建一个新行对象并将其添加到rows数组中：

$scope.addRow = function() {
  $scope.rows.push({ name: '', age: ''});
};

每次单击“添加行”按钮时，将调用此函数并追加一个新行对象到表格中。

结论

使用AngularJS，您可以动态地向表格中添加行。通过使用ngRepeat指令和ngClick指令，您可以轻松地将表行添加到表中。