带有 ng-template 的 ngTemplateOutletContext 和带有角度错误变量的参考值的 for 循环不退出答案

【问题标题】：ngTemplateOutletContext with ng-tempate and for loop for the reference value with angular error variable doesn't exits带有 ng-template 的 ngTemplateOutletContext 和带有角度错误变量的参考值的 for 循环不退出
【发布时间】：2021-03-28 10:20:02
【问题描述】：

我有一个组件数组，如下所示

 <ng-container [ngTemplateOutlet]="controlArrayContainer"
     [ngTemplateOutletContext]="{controls:control?.componentProperty?.formArray, index: i}">
 </ng-container>

从上下文中传递数据

{controls:control?.componentProperty?.formArray, index: i}

在模板部分消费数据如下

<ng-template #controlArrayContainer let-control="controls" let-index="index">
    <ng-container *ngFor="let layout of controls; let i = index">
    </ng-container>
</ng-template>

在编译期间不断出现异常

Error: projects/falcon-core/src/lib/component/reactive-controls/reactive-controls.component.html:32:41 - error TS2339: Property 'controls' does not exist on type 'ReactiveControlsComponent'.

32     <ng-container *ngFor="let layout of controls; let i = index">

【问题讨论】：

标签： javascript angular typescript angular-template

【解决方案1】：

在您的代码中，您使用的是let-control，因此您应该在ngFor 循环中使用control，而不是controls：

<ng-template #controlArrayContainer let-control="controls" let-index="index">
    <ng-container *ngFor="let layout of control; let i = index">
    </ng-container>
</ng-template>

【讨论】：