无法将评论与其各自的答案分开

Question

我已经在表格中看到了我的问题的解决方案，并尝试使用嵌套 ng-repeat。我的项目由一个问题及其相关答案组成，每个答案都包含评论。在使用嵌套 ng-repeat 时，我能够为每个问题打印相同的评论数组。结果数组：

我已经试过了：

 <div class="col-md-10 col-md-push-1" ng-repeat="x in question.answercomments track by $index">
        <div ng-repeat="y in x">
                {{y.comment}}
        </div>

</div>

最后是：

所以，我想对他们各自的答案发表评论。

Answer 1

这是我解决这个问题的尝试：https://plnkr.co/edit/UrjCzU4ocBxwFNwcVedU

您可以尝试以下方法：

<div ng-repeat="answer in question.answer">
  <h1 ng-bind-html="answer.answer"></h1>
  <!-- loop over the comments attached to this particular answer -->
  <div class="col-md-10 col-md-push-1" ng-repeat="x in answer.answercomments"> 
    <!-- now output the comment -->
    {{x.comment}}
  </div>
</div>

我认为问题在于您没有遍历附加到特定答案的评论然后输出评论

无法将评论与其各自的答案分开

Unable to segregate comments with their respective answers

html

angularjs

ng-repeat