Javascript ngTemplateOutletContext与ng tempate和for循环，用于参考值与角度误差变量不'；t出口

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

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

在模板部分中，使用以下数据

<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">

错误：projects/falcon core/src/lib/component/reactive controls/reactive controls.component.html:32:41-错误TS2339:类型“ReactiveControlsComponent”上不存在属性“controls”。
32

在代码中，您使用的是

让控件

，因此您应该在

ngFor

循环中使用

控件

，而不是

控件

：

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

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