Javascript 在ng重复中解除绑定ng模型

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

有没有办法解开那些ng模型的束缚

<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>

---

您可以使用

$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模型

，受其

$index

控制，就是这样！非常感谢。data ng click=“addCommentPost（$index）；”JS:$scope.data={}$scope.addCommentPost=函数（索引）{var comment=$scope.data[index].newComment；console.log（comment）；}