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

时间:2016-12-17 15:55:30

标签: html angularjs ng-repeat

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

enter image description here

我试过这个:

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

结束了:

enter image description here

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

1 个答案:

答案 0 :(得分:0)

以下是我尝试解决此问题的方法: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>
我认为,这个问题是你没有循环查看特定答案附带的评论,然后输出评论