使 Angular UI 手风琴完全可点击，而不仅仅是标题标签

【问题标题】：Make Angular UI accordion fully clickable instead of only Heading Label使 Angular UI 手风琴完全可点击，而不仅仅是标题标签
【发布时间】：2023-03-09 16:13:01
【问题描述】：

我正在使用 Angular ui-bootstrap 手风琴。使用我当前的代码，我无法单击并打开整个标题面板，只能单击标题标签（标题）并打开手风琴。任何帮助表示赞赏。提前致谢！这是我的 HTML：

 <uib-accordion close-others="oneAtATime">
    <div uib-accordion-group is-open="sv.isOpen" class="panel-default" id="{{ sv.domId }}" heading="{{(sv.type == 'Check Call') && sv.type || sv.type + ': '+ sv.city +', '+sv.state}}" 
    ng-repeat="sv in segment.stopVos" tab-group={{$index+1}}>
       <div class="app-wrapper content">

【问题讨论】：

标签： javascript angularjs angular-ui-bootstrap bootstrap-accordion

【解决方案1】：

而不是...

<uib-accordion-heading>
    Click me
</uib-accordion-heading>

将uib-accordion-heading 设置为包含一个全宽元素，例如p、p 也会提供一些默认边距，因此请确保将其移除（或对其进行足够的调整），以免弄乱您的样式。

<uib-accordion-heading>
    <p style="margin-bottom: 0;"> Click me </p>
</uib-accordion-heading>

【讨论】：