javascript - 将 ng-model 与 ng-repeat 中的数据动态绑定(bind)(Angular 1.5.7)

Question

****编辑:问题解决了! Neuronet 的解决方案就是答案:

<div ng-repeat="post in $ctrl.posts">
<textarea class="postBox"  ng-model="$ctrl.comment.content" name="content" /></textarea>
<input type="submit" id="submit" value="Submit" ng-click="$ctrl.postCommentSubmit(post.id)" />
</div>

以下是我的原帖:

过去我花了 3 个小时来解决这个问题。我有一系列帖子，已从 Controller 传递到模板，名称为“posts”。 posts 中的每个帖子都是一个数组，包含各种键值对，例如“id”(值为整数)、“content”(值为字符串)等。我想包含一个表单来将 PostComment 帖子发送到我的API。 PostComment 帖子要求我向其发送一个外键(代表相关帖子)和一个内容字段。我希望从 ng-repeat 动态获取外键。

我的模板如下所示:

            <div ng-repeat="post in $ctrl.posts">
              ....
              <form ng-submit="$ctrl.postCommentSubmit()">

                <input class="hidden" type="text" ng-model="$ctrl.postCommentArray.postForeignKey" value="{{ post.id }}" name="postid"  /> 
                <textarea class="postBox"  ng-model="$ctrl.postCommentArray.content" name="content" /></textarea>
                <input type="submit" id="submit" value="Submit" />

              </form>

            </div>

我的 Controller 的相关部分如下所示:

self.postCommentArray = {
        content: '',
        postForeignKey:  '',
      };

我正在尝试从 post.id 获取外键(“post”来自 ng-repeat 中 $ctrl.posts 中的帖子)。我似乎想不出办法做到这一点。我尝试了 value="{{ post.id }}"和 ng-value="{{ post.id }}"但由于各种原因都不起作用。 ng-value 仅适用于 radio ，但我无法自动检查该选项，并且 value 不能与 ng-model 一起使用，因为它们都在竞争设置值。

我非常感谢任何可以帮助我的人。

Answer 1

为什么使用 CommentArray ？只需使用评论作为您的模型您可以在 postCommentSubmit 中传递帖子 id

<div ng-repeat="post in $ctrl.posts">
<textarea class="postBox"  ng-model="post.comment.content" name="content" /></textarea>
<input type="submit" id="submit" value="Submit" ng-click="$ctrl.postCommentSubmit(post.id)" />
</div>