如何关闭Angular 4中的Accordion中的所有菜单

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

如果我点击类别，它会显示其中的所有组，如果我点击了组，则会显示所有子组。

现在一切正常。

我想要做的是如果我再次点击类别，我想关闭之前打开的所有组的手风琴。

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

我在stackblitz中复制了我的代码： https ：//stackblitz.com/edit/angular-bootstrap-carousel-dynamic2-ghebrf ？ file = app / app.component.html

任何人都可以帮我解决它。

Answer 1

我不相信只使用href和ids可以实现你想要的东西，因为href只接受一个参数。 点击这里

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

在此处添加了点击事件：

 {{data?.CAMD_ENTITY_DESC}}  

并在这里使用了ngIf：

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