如何延迟加载Angular Material Stepper的表单内容

Question

angular文档中说

懒惰呈现

默认情况下，步进器将呈现它的所有内容初始化。如果您希望将某些内容推迟到你可以把它放在ng-template中与matStepContent属性。

给出的angular例子非常简单——使用段落等

如何为一个有ngFor和Form的UI做这件事?也就是有点复杂

见下面的stackblitz

https://stackblitz.com/edit/angular-mmk1qz?file=src/app/app.component.html

它不起作用，如果我取消注释

<!-- <ng-template matStepContent> --> and the ending  <!-- </ng-template> -->

有人能帮我得到stackblitz懒惰加载/渲染

Answer 1

这里有一个如何实现这一点的例子，它没有确切的formly-form组件，但它有一个ngFor的表示，使用form作为父级，带有延迟渲染步骤。