Angular 使用ngClass显示和隐藏多个div的角度

我有多个div和同一个类，我想隐藏和点击显示，也给类。当我单击“编辑”时，它会影响所有div，但我想影响您单击它的特定div

这是我的

.ts

  isShown: boolean = true ;
  editMode: boolean = false ;

  onEdit() {
    this.editMode = true;
    this.isShown = false;
  }
  done() {
    this.editMode = false;
    this.isShown = true;
  }

.html

 <div class="filled" [ngClass]="isShown ? 'success' : 'danger'">
    <div class="row align-items-center mt-4" *ngIf="isShown">
    </div>
        ....
          <form action="">
          <div class="row edit-row position-relative" *ngIf="editMode">
        ......
          </form>
        </div>

....
......

您可以创建地图并为div分配索引：

编辑

editModeMap={}；
onEdit（索引：编号）{
this.editModeMap[index]=true；
}
完成（索引：编号）{
this.editModeMap[index]=false；
}

---

您的editModeMap也可以是一个简单的数组：

editModeMap:boolean[]=[]

@Eliseo。我只是不想把键限制为数字索引；也许OP想给它们分配div名称、类等。