在 ng-repeat 中取消绑定 ngmodel

Question

我有以下问题，我使用 ng-repeat 生成了几个表单， 我使用 ng-model 来捕获 textarea 值，它工作得很好，但是当我尝试在 ng-repeat 生成的表单内的 textarea 元素上写一些东西时，文本同时在所有 textarea 元素中被复制。

有什么方法可以解除那些 ng-models 的绑定吗？

<div ng-repeat="PostList in PostList">
  <form id="PostFormComments" role="form">
      <div class="row input-field">
        <textarea data-ng-model="data.newComment" placeholder="write  something?...." type=text></textarea>
       </div>
       <a name="action" ng-disabled="!data.newComment" data-ng-click="addCommentPost();" ng-class="clear" class="secondary-content btn-floating waves-effect waves-light  light-blue darken-2"></a>
  </form>
  </div>

Answer 1

您可以做的是使用$index，它为您提供当前ng-repeat 的索引并创建一个对象并通过它访问它。

所以你会这样做：$scope.data = {}

然后你会得到如下形式：

<div ng-repeat="PostList in PostList">
  <form id="PostFormComments" role="form">
      <div class="row input-field">
        <textarea data-ng-model="data[$index].newComment" placeholder="write  something?...." type=text></textarea>
       </div>
       <a name="action" ng-disabled="!data[$index].newComment" data-ng-click="addCommentPost();" ng-class="clear" class="secondary-content btn-floating waves-effect waves-light  light-blue darken-2"></a>
  </form>
  </div>

您会看到不同的 textarea ng-models 由其 $index 管理。