如何在遍历数组的ng-repeat内部设置双向数据绑定?

时间:2013-04-23 09:30:31

标签: javascript angularjs scope ng-repeat

我正在使用angularjs到我的webapp但我无法理解tu如何将数组传递给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中。我怎样才能做到这一点?感谢名单

1 个答案:

答案 0 :(得分:0)

您可以通过在控制器中添加类似于此的添加功能来实现此目的

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

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

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