与项目ID绑定的ng-model

时间:2015-05-17 08:45:30

标签: angularjs angularjs-ng-repeat

情况下:

我需要将输入字段与特定的隐藏字段绑定,我想通过ID引用它,因为我的页面中有很多输入与隐藏输入。

这样的事情:

HTML:

<input type="text" ng-model="item.name-{{item.ID}}" >

 <input type="hidden" name="item_name" value="{{item.name-{{item.ID}}}}" >

项目将是一个对象,它看起来像这样:

$scope.item = {ID: '11111', name:'itemname'} 

可以通过此输入字段编辑项目名称,我们将在其中插入名称,并将其绑定到要与表单一起提交的隐藏字段。

谢谢。

1 个答案:

答案 0 :(得分:1)

您可以使用动态输入中的数据创建另一个对象来存储键值对。我认为这种方法更清洁。

<input type="text" ng-model="itemsValues[firstItem.name + '-' + firstItem.ID]" >
<input type="hidden" name="item_name" value="{{itemsValues[firstItem.name + '-' + firstItem.ID]}}" >

Demo on plunker (with three inputs)