Angular 单击行时Ngb手风琴展开

我试图找到解决办法，从ng手风琴ng引导

手风琴-是否可以单击行中的任何位置并展开/折叠？不只是在标签上

<ngb-accordion #acc="ngbAccordion" activeIds="ngb-panel-0">
  <ngb-panel title="Simple" >
    <ng-template ngbPanelContent>
        Test text
    </ng-template>
  </ngb-panel>
</ngb-accordion>

---

使用自定义css应该很容易，例如：

component.css

---

使用自定义css应该很容易，例如：

component.css

---

这不是直接的答案，但我认为这是一个更好的解决办法

<div class="card">
 <div class="card-header" data-toggle="collapse" (click)="showBody=!showBody">
  The title
 </div>
  <div class="card-body" *ngIf="showBody">
   Test text
  </div>
</div>  

为什么?？它不需要任何第三方。它非常灵活。它留下了一个包含纯html的标记。仅使用角度属性。在此变体中，您可以在标题中添加html。例如按钮、图像。只需将下一张卡直接添加到下方即可。任何悬停效果都可以使用额外的类轻松设置样式：

<div class="card my-accordian">

---

这不是直接的答案，但我认为这是一个更好的解决办法

<div class="card">
 <div class="card-header" data-toggle="collapse" (click)="showBody=!showBody">
  The title
 </div>
  <div class="card-body" *ngIf="showBody">
   Test text
  </div>
</div>  

为什么?？它不需要任何第三方。它非常灵活。它留下了一个包含纯html的标记。仅使用角度属性。在此变体中，您可以在标题中添加html。例如按钮、图像。只需将下一张卡直接添加到下方即可。任何悬停效果都可以使用额外的类轻松设置样式：

<div class="card my-accordian">

---

为什么不使用模板标题并使用click=acc.toogle'ngb-panel-0'

---

为什么不使用模板标题并使用click=acc.toogle'ngb-panel-0'

---

谢谢你，太棒了！吴深是depricated@JensAlenius阴影穿透子体combinator已被弃用，并且正在从主要浏览器和工具中删除支持。因此，我们计划为/deep/、>>>和：：ng deep中的所有3个提供角度支持。在此之前，最好使用：：ng deep，以便与这些工具更广泛地兼容。谢谢，太棒了！吴深是depricated@JensAlenius阴影穿透子体combinator已被弃用，并且正在从主要浏览器和工具中删除支持。因此，我们计划为/deep/、>>>和：：ng deep中的所有3个提供角度支持。在此之前，最好使用：：ng deep，以便与工具更广泛地兼容。如果不需要使用第三方库中的预设样式组件，我通常使用纯html。如果不需要使用第三方库中的预设样式组件，我也通常使用纯html。