Angularjs 如何使手风琴面板标题可点击区域变大

我试图使整个面板标题可以点击。我试着用一些css来包装div。

#框{
填充：10px；
显示：块；
宽度：100%；
}

HTML:

名称：{{currentItem.JobName}

移动

ng单击
到
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>

看起来很有效。到底是什么问题？对不起，我需要触发ng单击。如果您在控制台中查看，您将看到当您单击标题与整个面板标题时
<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>