如何使用 Angular 显示和隐藏 div

埃亚·奥斯曼

我在 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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章