html - 如何修复 For 循环（角度）中的输入？

Question

我想在扩展面板中为每个 souCatégorie 添加输入，但我无法在输入中输入文本，每当我单击时它就会消失，因为 for 循环的原因谁能帮我修复它！

<mat-accordion >
        <mat-expansion-panel *ngFor="let i of listCategorie" class="parentPanel" (click)="getSouCategories(i.id)"   >
          <mat-expansion-panel-header class="parentPanel_header">
            <mat-panel-title> {{i.libelle}} {{i.id}}
    <!--          <span class="badge badge-info" style="display:flex; align-items: end;padding-left: 60px">{{listCategorie.length}}</span>-->
            </mat-panel-title>
    
          </mat-expansion-panel-header>
    
          <mat-accordion multi>
            <mat-expansion-panelclass="childPanel childPanelCount" [expanded]="true" hideToggle disabled>
              <div class="d-flex mt-2">
                <div class="p-2"><p> Nombre des sous catégories </p></div>
              <div class="ml-auto p-2">
              <span class="badge badge-secondary " > {{listSousCategorie.length}} </span>  
              </div>
              </div>
            </mat-expansion-panel>
            <ng-container >
              <mat-expansion-panel  class="childPanel" [expanded]="true" hideToggle disabled style=" background:#ecfaff;" *ngFor="let i of listSousCategorie">
                <div class="childPanel_body2 mat-badge-large" fxLayout="row" fxFlex fxLayoutAlign="start center"  >
                  <div style="padding-left:1em" fxFlex="grow" >{{i.libelle}}</div>
                  <mat-form-field style="width:50px" appearance="standard" [formGroup]="form">
                    <mat-label>Note</mat-label>
                   ---------> <input  type="text" matInput  formControlName="Note"  > 
                  </mat-form-field>
                </div>
              </mat-expansion-panel>
            </ng-container>
          </mat-accordion>
        </mat-expansion-panel>
      </mat-accordion>

标签： htmlangularangular-material