如何更改 div 的 Class using on click of using ngClass

Question

我有一个按钮标签，点击了什么，它应该使用 ngFor 更改 div tag.I 的 class，所以每一行应该得到div同等对待。

这是我的代码片段和我想要做的事情。

  <div *ngFor="let item of users">
  <button class="fas fa-angle-up"></button>
  <strong>NAME </strong>{{item.attribute.name}}
  <div class="pf-m-expanded">Some Content Here</div> <!--This is the class that has to toggle upon clicking that **button**>
  </div>

我想做的是点击按钮后，我应该能够切换（删除并激活 class）pf-m-expanded。并且由于它是 *ngFor，它应该 对待 div 中的每一行 idually。

Answer 1

你可以在循环中定义一个局部变量，并有按钮来切换变量的值，然后根据变量。

<div *ngFor="let item of users; let toggle = true;">
  <button class="fas fa-angle-up" (click)="toggle = !toggle">Test</button>
  <strong>NAME </strong>{{item.attribute.name}}
  <div [ngClass]="{ 'pf-m-expanded': toggle }">
    Some Content Here
  </div>
</div>

如何更改 div 的 Class using on click of using ngClass

How to change Class of a div using on click of using ngClass

ng-class

angular

angular6