title: Accordion is not working with latest version of ui-bootstrap-tpls.js
body: <p>I have an accordion which is working with older version(0.13.0) of ui-bootstrap-tpls.js,but its not working with latest version(2.5.0) of ui-bootstrap-tpls.js. Due to older version its effecting other component to work correctly. I need to work with latest version only. Can anyone please help me on it? Below is my code.</p>
  
  <h2>HTML</h2>
  
  <pre><code>&lt;link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.css'&gt;
  &lt;body ng-app="app"&gt;
      &lt;h1&gt;Dynamic accordion: nested lists with html markup&lt;/h1&gt;   
    &lt;div ng-controller="AccordionDemoCtrl"&gt;
      &lt;accordion close-others="oneAtATime"&gt;
        &lt;accordion-group is-open="group.isOpen" ng-repeat="group in groups"&gt;
          &lt;accordion-heading&gt;&lt;i class="glyphicon-plus"&gt;&lt;/i&gt; {{ group.title }}
            &lt;i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': group.isOpen, 'glyphicon-chevron-right': !group.isOpen}"&gt;&lt;/i&gt;
          &lt;/accordion-heading&gt;
          {{ group.content }}
          &lt;ul&gt;
            &lt;li ng-repeat="item in group.list"&gt;
              &lt;span ng-bind-html="item"&gt;&lt;/span&gt;
            &lt;/li&gt;
          &lt;/ul&gt;       
        &lt;/accordion-group&gt;
      &lt;/accordion&gt;
    &lt;/div&gt;
    &lt;/body&gt;
    &lt;script src='https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.1/angular.js'&gt;&lt;/script&gt;
  &lt;script src='https://cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.4/angular-filter.js'&gt;&lt;/script&gt;
  &lt;script src='https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.1/angular-sanitize.js'&gt;&lt;/script&gt;
  &lt;!--&lt;script src='https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.13.0/ui-bootstrap-tpls.js'&gt;&lt;/script&gt;--&gt;
  &lt;script src='https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.5.0/ui-bootstrap-tpls.js'&gt;&lt;/script&gt;
  &lt;script  src="js/index.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <h2>index.js</h2>
  
  <pre><code>angular.module('app', ['ui.bootstrap','ngSanitize','angular.filter']);
  angular.module('app').controller('AccordionDemoCtrl', function ($scope) {
    $scope.oneAtATime = true;
  
    $scope.groups = [
      {
        title: 'title 1',
        content: 'content 1',
        isOpen: true,
        list: ['&lt;i&gt;item1a&lt;/i&gt; blah blah',
          'item2a',
          'item3a']
      },
      {
        title: 'title 2',
        content: 'Content 2',
        list: ['item1b',
          '&lt;b&gt;item2b &lt;/b&gt; blah ',
          'item3b'] 
      },
      {
        title: 'title 3',
        content: 'Content 3'
      },
      {
        title: 'title 4',
        content: 'content 4'
      },
      {
        title: 'title 5',
        content: 'content 5'
      }
    ];
  });
  </code></pre>