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

Question

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

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

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

Plunker 链接here

Answer 1

使用函数调用 preventDefault 和 stopPropagation。

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

链接：http://plnkr.co/edit/vpR8NHuAopYinBRmhnPF?p=preview