Question

我是4号角的新手，在类别，组和子组的结构中我有一个手风琴。

如果我单击类别，则显示其中的所有组；如果单击组，则显示所有子组。

现在一切正常。

我想做的是，如果我再次单击“类别”，我想关闭所有以前打开过的组的手风琴。

在我的情况下，如果我打开了一些组并关闭了手风琴，那么如果我再次打开，它会显示我之前打开过的组。

我已经用stackblitz复制了我的代码：https://stackblitz.com/edit/angular-bootstrap-carousel-dynamic2-ghebrf?file=app/app.component.html

谁能帮我修复它。

Answer 1

我不相信仅通过使用href和id就能实现您正在寻找的东西，因为href只接受一个参数。选中here。

我添加了事件绑定来检查何时切换父手风琴以关闭所有子手风琴。

在此处添加了点击事件：

    <a class="accordion-toggle h6" data-toggle="collapse" data-parent="#accordion1" (click)="onToggle()"  href="#collapseTwo + i">
        {{data?.CAMD_ENTITY_DESC}}
    </a>

并在此处使用ngIf：

<div [id]="'collapseInnerTwo' + j"  *ngIf="accordion2==true" class="accordion-body collapse" style="margin-left:10px;margin-top:3px">

在此处检查完整的解决方案： https://stackblitz.com/edit/angular-bootstrap-carousel-dynamic2-fjowve?file=app/app.component.html

如何在Angular 4中关闭手风琴中的所有菜单

1 个答案: