如何在 *ngFor 循环中隐藏 div

Question

我想在 *ngFor 循环中添加一个表单。下面是我尝试重复一个按钮，如下所示：

html 文件：

<div *ngFor="let passenger of passengerForm;let i=index;">
  <form>
    <mat-form-field>
      <input matInput type="text" placeholder="Enter Name" 
        [(ngModel)]="passenger.Name">
    </mat-form-field> 

  </Form>
  <div>
    <button (click)="addFieldValue(i); ">
      Add Passenger
    </button>
  </div>

</div>

打字稿文件：

newAttribute ={}
addFieldValue(index)  {

  if ( index < 3) {
    this.passengerForm.push(this.newAttribute )
    this.newAttribute = {};

  }
}

Answer 1

<div *ngFor="let passenger of passengerForm;let i=index;">
   <input matInput type="text" placeholder="Enter Name" [(ngModel)]="passenger.Name">
</div>

试试这个方法。您只需要包装输入字段。