动态添加输入无法正常工作

时间:2015-05-28 20:25:39

标签: javascript angularjs

我在尝试动态添加输入时遇到问题。

我有这个:

<button ng-click="operations.push({})">Add input</button>

添加输入:

<div ng-repeat="operation in operations">
  <input ng-model="operation.detailText">
</div>

我有两列,由于ng-repeat,我有完全一样的列,因此,在两列中我都有添加输入按钮,当我点击按钮Add input时,我正在添加输入对于我不想要的两个列,我只需要将这些输入添加到我正在处理的当前输入中。

我为你制作了一个视频,看看我在说什么。 Here the video

点击此处查看代码:jsbin

1 个答案:

答案 0 :(得分:2)

我认为您对ng-repeat

使用相同的数组
operations

因此,当您点击add button时,它会向operations添加一个空对象,并且ng-repeat都会受到影响,因为它们都使用相同的数组。

您需要拥有不同的数组,例如operationsoperations1,然后使用ng-repeat

写下第二个operations1