在 ngfor 上，一次显示一个项目

Question

所以，我有一个 ngfor，有 3 个项目，我想分步介绍它们，就像表格中的问题一样。例如，只显示表单的第二个问题，一旦回答了第一步。

我有一个 stackblitz 代码也可以作为参考。 https://stackblitz.com/edit/angular-ivy-oauzgh?file=src%2Fapp%2Fapp.component.html

Answer 1

不确定 ngFor 是否是最好的方法，无论如何你可以添加

<tr *ngFor="let hero of heroes; let i = index">
   <td *ngIf="i > currentIndex">{{hero.name}}</td>
   User do something and you increase the currentIndex
</tr>

在 ts 中你只需要声明 currentIndex 并在 init 时将其设置为 0 和增加由 html 在 Do something 块中调用的索引的方法

在 ngfor 上，一次显示一个项目

On ngfor, display the items one step at a time

typescript

ngfor

angular