title: Add ng-click event to angular-ui accordion
body: <p>I'm using <a href="http://angular-ui.github.io/bootstrap/" rel="noreferrer">angular-ui</a> and have started using accordions.</p>
  
  <p>I need to fire an <code>ng-click</code> event when someone opens or closes an accordion group.</p>
  
  <p>I did some research and found this thread: <a href="https://github.com/angular-ui/bootstrap/issues/179" rel="noreferrer">angular-ui issue</a></p>
  
  <p>It linked to a <a href="http://plnkr.co/edit/vYv7RhKra4j3ruHdwtRb?p=preview" rel="noreferrer">plunker</a> which shows a solution which isn't satisfactory for my use case.</p>
  
  <p>Here is the solutions html:</p>
  
  <pre><code>&lt;accordion&gt;
    &lt;accordion-group&gt;
        &lt;accordion-heading&gt;
            &lt;span ng-click="foo()"&gt;Try clicking me!&lt;/span&gt;
        &lt;/accordion-heading&gt;
        Some Body 3
    &lt;/accordion-group&gt;
  &lt;/accordion&gt;
  </code></pre>
  
  <p>However <strong>the ng-click event only fires if you click on the span text</strong>. If you click just outside of the text the accordion still opens or closes without any click event.</p>
  
  <p>To fix this I tried making the spans width &amp; height 100% and setting display: block.
  I also considered removing the padding entirely but I was wondering if there is a better way than hacking at it.</p>
  
  <p>Does anyone know how to attach the ng-click event to the entire accordian group? Or how to make the span fill the entire group?</p>
  
  <p>My entire code:</p>
  
  <pre><code>  &lt;accordion close-others="true"&gt;
      &lt;accordion-group ng-repeat="question in level"&gt;
          &lt;accordion-heading style="padding: 0"&gt;
              &lt;div style="display: block; margin: 0px" ng-click="set_question(question.title)"&gt;{{ question.title }}&lt;/div&gt;
              &lt;i class="icon-check" ng-show="has_solved_all"&gt;&lt;/i&gt;
          &lt;/accordion-heading&gt;
          &lt;span ng-bind-html-unsafe="question.content"&gt;&lt;/span&gt;
      &lt;/accordion-group&gt;
    &lt;/accordion&gt;
      &lt;br&gt;
      Question Open: {{ question_open }}
  </code></pre>