Désactiver le clic sur l'en-tête d'accordéon pour l'empêcher de s'ouvrir

Question

Je ne suis pas en mesure de désactiver le clic sur l'en-tête uib-accordéon que je veux ouvrir uniquement lorsque je clique sur la flèche à droite.

J'ai également un bouton sur l'en-tête qui sera affiché sur le clic du texte Show button but don't open accordion et aussi sur le clic du bouton accordéon ne devrait pas être ouvert. J'ai essayé en donnant style css = "pointer-events: none" mais cette fonctionnalité désactive l'ensemble de l'entête.

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

lien Plunker here

Answer 1

Utilisez une fonction pour appeler preventDefault et stopPropagation.

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

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