javascript - 使 Angular UI Accordion 完全可点击，而不仅仅是标题标签

Question

我正在使用 Angular ui-bootstrap Accordion 。使用我当前的代码，我无法单击并打开整个标题面板，只能单击标题标签(标题)并打开 Accordion 。任何帮助表示赞赏。提前致谢 !这是我的 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">

Answer 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>