javascript - 如何在 AngularJS 中保存动态表的所有行？

Question

我正在尝试为数据库中字符串数组类型的变量之一动态添加行。但它只保存行中输入的最后一个值，而不是将所有值保存在数组中。下面是我的查看代码:

<div class="row" ng-class='{red:true}'>
  <label for="remedy">Remedy</label>
</div>

<input name="remedy" id="remedy" ng-model="error.remedy" required>


<br/>
<div class="row" ng-class='{red:true}'>
  <a href="#!/errorcreate"  class="btn btn-primary btn-small" ng-click="addRemedyRow()" ng-class='{red:true}'>Add Row</a></div>
<br/>

<table style="width:100%">
  <thead>
  <tr>
  <th ng-class='{red:true}'>Remedy</th>

</tr>
</thead>
<tbody>
<tr ng-repeat="rowContent in remedyrows">
  <td>{{rowContent.remedy}}</td>

  </tr>
</tbody>
</table>
{{error.remedy}}
<button type="submit" class="btn btn-default">Create</button>
<a href="#!errorinput" class="btn btn-default">Cancel</a>

这是 javascript 中的代码:

$scope.remedyrows = [];
$scope.addRemedyRow = function() {
  $scope.remedyrows.push({
    remedy: $scope.error.remedy
  });

下面是我收到的输出(屏幕截图):

我添加了 dsdfg 作为第二行，我的最终 error.remedy 值仅显示 dsdfg 而不是显示两个值的数组: [wdssdsd，dsdfg] 。 error 是主文档，其中 remedy 是 String 数组类型的字段之一。

关于如何实现这一目标有什么想法吗？

Answer 1

使用中间变量output来显示结果并将其发送到，而不是用作 future remedyrow的持有者error.remedy服务器:

Javascript:

$scope.output = $scope.remedyrows.map(function(x) { return x.remedy; });
$http({data: $scope.output, method: 'POST', url: url});

HTML:

{{output | json}}