使Angular UI手風琴完全可點擊而不僅僅是標題標籤

Question

我正在使用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"> 

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>