我在 ngfor 循环中有一个按钮和一个 div,我希望每个按钮能够在每次单击时显示和隐藏 div 问题是我不知道它所依赖的按钮和 div 的数量我数据库中的数据。只希望每个按钮都对它旁边的 div 负责:
这是代码:
<div *ngFor="let par1 of lstUser1">
<button id="bt2" class="arrow2" (click)="arrowButton('bt2')">
my button
</button>
<div>
my div to show and hide
</div>
</div>
这是我正在尝试制作的设计示例
Yuo 可以用于显示和隐藏 div
* ngIf
<div *ngFor="let par1 of lstUser1">
<button id="bt2" class="arrow2"
(click)="changeMyDivStatus()">
my button
</button>
<div *ngIf="showMyDiv">
my div to show and hide
</div>
</div>
.ts 文件必须有“showMyDiv”变量作为布尔变量
changeMyDivStatus(){
showMyDiv = !showMyDiv;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句