如何阻止ngRepeat重复在textarea中输入的数据?

时间:2017-01-17 23:19:17

标签: javascript html angularjs

这是我的Plnkr:https://plnkr.co/edit/69gkIzHUnIl7r6kpvo6L

当我在textarea中输入数据并点击“添加”时,添加的textarea包含我在第一个中输入的数据。

我不想要这个。我希望添加的textarea为空,但我也希望它成为ngModel“自定义”的一部分。我希望它成为$scope.customize的新实例,就像第一个textarea一样。

我如何做到这一点?

2 个答案:

答案 0 :(得分:2)

问题是您对所有ng-model使用相同的textareas,您只需要为每个ng-model使用不同的textarea值,然后您可以使用您设置的controller阅读ng-model中{{1}}的内容。

请参阅代码的updated version

答案 1 :(得分:1)

这是一个工作的plunker示例 https://plnkr.co/edit/TSGT04nCV3NK16nsl1e6?p=preview 现在我们在每个新textarea中绑定项目的项目

只需对textarea做一点改动

<textarea rows="5" cols="50" placeholder="Paste data here." ng-model="item.hed"></textarea>