首页 文章

嵌套ngFor循环中索引的多次迭代

提问于
浏览
0

我对ngFor循环中的迭代项使用trackByIndex函数:

trackByIndex(index: number, obj: any): any {
  return index;
}

这是我的代码如何使用它的简短示例:

<div *ngFor="let comment of comments; let i = index; trackBy: trackByIndex">
  {{ i, comment.text }}
  <div *ngFor="let answer of comment.answers; let j = index; trackBy: trackByIndex">{{ j, answer.text }}</div>
</div>

但是当我在我的页面上有2个 comment 项目时,我在每个评论中都有相同迭代的答案:

"comment 1": {
    "answer 1",
    "answer 2"
},
"comment 2": {
    "answer 1", // should be answer 3
    "answer 2" // should be answer 4
}

我怎么能解决这个问题?非常感谢任何提示 .

1 回答

  • 0

    我想,你已经错过了ngFor的绑定

    尝试使用

    <div *ngFor="let comment of comments; let i = index; trackBy: trackByIndex">
      {{ i, comment.text }}
      <div *ngFor="let answer of comment.answers; let j = index; trackBy: trackByIndex">{{ j, answer.text }}</div>
    </div>
    

相关问题