Javascript 隐藏*ngfor生成的组件

我对离子型和棱角型很陌生，所以我想在这里问一下。 是否有办法隐藏/删除ngfor生产的组件

这里的代码在单击“添加”按钮时生成标签和输入

<ion-item *ngFor="let att of anArray; let idx = index">
     <ion-label color="primary">{{att.label}}{{idx+1}}</ion-label>
     <ion-input type="text"  text-right  [(ngModel)]="anArray[idx].value"></ion-input>
 </ion-item>
 <button ion-button   (click)="Add()">Add More</button>

{{att.label}{{idx+1}}
添加更多

---

我想做的是，当我在javascript中单击一个按钮时，删除“添加更多”按钮的所有添加标签和输入。您可以跟踪一个变量，并将其与您希望隐藏的项目一起使用。按下按钮时，可切换此变量以显示/隐藏所需元素。

使用ngIf:

类型脚本：

show = true;
  add() {
    //....
    this.show = false;
  }

<ion-item *ngFor="let att of anArray; let idx = index">
        <ion-label *ngIf="show" color="primary">{{att.label}}{{idx+1}}</ion-label>
        <ion-input *ngIf="show" type="text" text-right [(ngModel)]="anArray[idx].value"></ion-input>

</ion-item>
<button ion-button (click)="add()">Add More</button>

HTML:

show = true;
  add() {
    //....
    this.show = false;
  }

<ion-item *ngFor="let att of anArray; let idx = index">
        <ion-label *ngIf="show" color="primary">{{att.label}}{{idx+1}}</ion-label>
        <ion-input *ngIf="show" type="text" text-right [(ngModel)]="anArray[idx].value"></ion-input>

</ion-item>
<button ion-button (click)="add()">Add More</button>

{{att.label}{{idx+1}}
添加更多

---

您可以使用

*ngIf

来显示和隐藏项目扫描您如何完成？？我知道可以使用*ngIf，但它是连接到组件中的，对吗？如何将其连接到尚未存在的组件？？