隐藏 *ngfor 生成的组件

分享于2023年05月08日 angular javascript ngfor 问答
【问题标题】:Hide components produced by *ngfor隐藏 *ngfor 生成的组件
【发布时间】:2023-05-07 06:17:01
【问题描述】:

我对离子和角度很陌生,所以我想在这里问一下。 有没有办法隐藏/删除 ngfor 生成的组件?

当您单击添加按钮时,我的代码在此处生成标签和输入


     {{att.label}}{{idx+1}}
     
 
 

我想要做的是在我点击 javascript 中的按钮时删除按钮“添加更多”的所有添加标签和输入

  • 您可以使用 *ngIf 来显示和隐藏项目
  • 你能展示一下它是怎么做的吗?我知道 *ngIf 可以使用,但它已附加到组件中,对吗?如何将它附加到尚未存在的组件上??

【解决方案1】:

使用 ngIf:

打字稿:

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

HTML:


        {{att.label}}{{idx+1}}
        



DEMO

【讨论】: