hide show inside loop in angular

Sibaprasad Maiti answered on May 29, 2024 Popularity 1/10 Helpfulness 1/10

answer hide show inside loop in angular

related hide show inside loop in angular

Comment

<li *ngFor=" #item of items " >
  <a href="#" (onclick)="item.hideme = !item.hideme">Click</a>
  <div [hidden]="item.hideme">Hide</div>
</li>

Popularity 1/10 Helpfulness 1/10 Language whatever

Tags: angular hide show whatever

Link to this answer
Share Copy Link

Contributed on May 29 2024

Sibaprasad Maiti

0 Answers Avg Quality 2/10

Closely Related Answers

Comment

<li *ngFor="let item of items " >
  <a href="#" (onclick)="onClick(item)">Click</a>
  <div [hidden]="hideme[item.id]">Hide</div>
</li>

Popularity 1/10 Helpfulness 1/10 Language whatever

Tags: hide show whatever angular

Link to this answer
Share Copy Link

Contributed on May 29 2024

Sibaprasad Maiti

0 Answers Avg Quality 2/10

Comment

onClick(item) {
  Object.keys(this.hideme).forEach(h => {
    this.hideme[h] = false;
  });
  this.hideme[item.id] = true;
}

Popularity 1/10 Helpfulness 1/10 Language whatever

Tags: whatever angular hide show

Link to this answer
Share Copy Link

Contributed on May 29 2024

Sibaprasad Maiti

0 Answers Avg Quality 2/10