angular - Angular 中的 *ng for 循环内的 *ng for 循环中是否可以有多个工具功能

Question

一直坚持这一点，但我是 Angular 的新手，所以想确保这是可能的。

<!-- posts on messageboard -->

<div *ngFor="let messageboard of (this.messageboard || []); let i = index"><br>

    <h5> {{messageboard.title}} </h5><br>
    <li>{{messageboard.post}}</li>




<!-- ability to view comment on each post on messageboard -->

<button (click) = "seeComments(messageboard.postID); toggle[i] = !toggle[i]">View Comments</button><br>
<div *ngIf = "toggle[i]">
<div *ngFor="let comment of (this.comments || [])"><br>
 
<li> {{comment.commenter}}</li>
<li>{{comment.comment}} </li>

</div>
</div><br>


</div>

ts 文件中引用的切换：

toggle = {};

因此，一旦我单击“查看评论”按钮，正确和相应的评论就会显示在正确的帖子下方（我也可以重新单击该按钮的同一实例以关闭切换并折叠评论）。

但是，问题是，如果我单击“查看评论”按钮并打开帖子的评论，然后在不关闭此实例的情况下单击下面下一篇帖子的查看评论，则新的评论列表会出现在其下方（这很好) 但它们也会在上一篇文章和当前打开的“viewComments”的所有其他实例中重复。

是否有可能使一旦我单击帖子下的查看评论，它的任何其他实例在新的打开时立即关闭？

标签： angularngfor