禁用点击手风琴标题以防止它顶部打开

Disable click on accordion heading preventing it top open

我无法禁用单击 uib-accordion 标题,我只想在单击右侧的箭头时打开它。

我在 header 上还有一个按钮,单击文本 Show button but don't open accordion 时会显示该按钮,而且单击按钮时手风琴不应打开。 我尝试提供 css style="pointer-events:none" 但此功能禁用了整个 header 跨度。

<div style="pointer-events:none">
    <span ng-click="showButton=!showButton">Show button but don't open accordion</span>
               <button ng-if="showButton" type="button">Click</button>
</div>

笨蛋 link here

使用函数调用 preventDefault 和 stopPropagation。

     $scope.toggleButton = function($event){
           $event.stopPropagation();
           $event.preventDefault();
           $scope.showButton=!$scope.showButton;
     };

Link : http://plnkr.co/edit/vpR8NHuAopYinBRmhnPF?p=preview