如何使Accordion Panel-title可点击区域更大

Question

我正在尝试使整个面板标题可点击。我尝试用一​​些CSS包装div。 plunkr

#box {
    padding: 10px;
    display: block;
    width: 100%;
}

HTML：

<a id="box">
    <div class="panel-heading" toggle target="collapse{{$index}}">
       <h4 class="panel-title">
          <span style="font-size:12px">Name :</span> <span ng-click="selectJob(currentItem, $index)">{{currentItem.JobName}}</span>
       </h4>
     </div>
</a>

Answer 1

将ngClick移至a元素：

<a id="box" ng-click="selectEmployee(employee, $index)">
    <div class="panel-heading" toggle target="collapse{{$index}}">
        <h4 class="panel-title">
            <span>{{employee.firstName}} {{employee.lastName}}</span>
        </h4>
    </div>
</a>

演示：http://plnkr.co/edit/nOGHHQWxT5lEKbulmGtJ?p=preview