javascript - 如何在迭代数组的 ng-repeat 中设置双向数据绑定？

Question

我在我的 webapp 中使用了 angularjs，但我不明白如何在 ng-repeat 中将数组传递给 ng-model。这是我的代码

<div>
<table class="table table-hover" width="100%">
<tbody>
    <tr ng-repeat="item in items">
        <td width="33%">{{item.name}}</td>
        <td width="66%">
            <input class="input-xlarge" type="text" name="{{item.price}}" value="{{item.price}}" />
        </td>
    </tr>
</tbody>
</table>
<button class="btn btn-success" ng-click="save()">Save</button>

如您所见，保存按钮在表单外部。我想在输入标签中添加一个 ng-model，但它必须是一个数组，因为它位于 ng-repat 内。我怎样才能做到这一点？谢谢

Answer 1

您可以通过在控制器中添加一个看起来像这样的添加函数来做到这一点

$scope.add = function(){
  $scope.items.push({price:''})
}

并在旁边添加一个按钮以保存

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