Angular ngIF未使用“我的对象”属性应用要显示和隐藏的条件

我想从我的对象中检索布尔isdropdown以将其置于ngIf条件下，但我无法访问它

这是我的html组件：

<div formArrayName="inputRows" *ngFor="let inputRow of formData.controls; let i = index; let c = count">
    <div class="line" [formGroupName]="i" id="inputRow">
        <!-- <span>{{i+1}} </span> -->
        <select *ngIf="table.columns.isDropdown; else noDropdown">
            <option *ngFor="let param of typpar">{{param.libelle}}></option>
        </select>
        <ng-template #noDropdown>
            <input class="myInput" *ngFor="let column of table.columns" formControlName="{{column.name}}" type="{{ column.type }}" name="{{column.name}}_{{i}}" maxLength="{{ column.length }}" required="{{ column.nullable }}" value="{{ column.dataDefault }}" placeholder=" ">
        </ng-template>
        <span><img title="Supprimer la ligne " *ngIf="c > 1" (click)="deleteInputLine($event, i)" id="deleteIcon" src="../../assets/img/cancel.png" /></span>
   </div>
</div>

{{param.libelle}}}>

具有下拉布尔属性的我的对象：

我的结果是：

我的目标是当我的列对象包含

---

“dropdown”：true

在检查

isDropdown

之前，您需要检查

*ngFor

列：

{{param.libelle}}}>

在检查

isDropdown

之前，您需要检查

*ngFor

列：

{{param.libelle}}}>

让我们说

// in controller
get formData() { return <FormArray>this.myform.controls['inputRows']; }
this.myform = this.formBuilder.group({ inputRows: this._fb.array([])})

// in html 
<div formArrayName="inputRows" *ngFor="let inputRow of formData.controls; let i = index; let c = count">
    <div class="line" [formGroupName]="i" id="inputRow">
    <!-- <span>{{i+1}} </span> -->
    <select *ngIf="inputRows[i].isDropdown">
        <option *ngFor="let param of typpar">{{param.libelle}}></option>
    </select>
    <ng-template #noDropdown>
        <input class="myInput" *ngFor="let column of table.columns" formControlName="{{column.name}}" type="{{ column.type }}" name="{{column.name}}_{{i}}" maxLength="{{ column.length }}" required="{{ column.nullable }}" value="{{ column.dataDefault }}" placeholder=" ">
    </ng-template>
    <span><img title="Supprimer la ligne " *ngIf="c > 1" (click)="deleteInputLine($event, i)" id="deleteIcon" src="../../assets/img/cancel.png" /></span>
</div>
</div>

//在控制器中
get formData（）{返回this.myform.controls['inputRows']；}
this.myform=this.formBuilder.group（{inputRows:this.\u fb.array（[]））
//在html中
{{param.libelle}}}>

让我们说

// in controller
get formData() { return <FormArray>this.myform.controls['inputRows']; }
this.myform = this.formBuilder.group({ inputRows: this._fb.array([])})

// in html 
<div formArrayName="inputRows" *ngFor="let inputRow of formData.controls; let i = index; let c = count">
    <div class="line" [formGroupName]="i" id="inputRow">
    <!-- <span>{{i+1}} </span> -->
    <select *ngIf="inputRows[i].isDropdown">
        <option *ngFor="let param of typpar">{{param.libelle}}></option>
    </select>
    <ng-template #noDropdown>
        <input class="myInput" *ngFor="let column of table.columns" formControlName="{{column.name}}" type="{{ column.type }}" name="{{column.name}}_{{i}}" maxLength="{{ column.length }}" required="{{ column.nullable }}" value="{{ column.dataDefault }}" placeholder=" ">
    </ng-template>
    <span><img title="Supprimer la ligne " *ngIf="c > 1" (click)="deleteInputLine($event, i)" id="deleteIcon" src="../../assets/img/cancel.png" /></span>
</div>
</div>

//在控制器中
get formData（）{返回this.myform.controls['inputRows']；}
this.myform=this.formBuilder.group（{inputRows:this.\u fb.array（[]））
//在html中
{{param.libelle}}}>