title: Adding a tab index to an AngularJS accordion?
body: <p>Hi I have an AngularJS accordion that I've created with the code below. I would like to add a tab index to the accordion such that someone can tab through all the li tags of the accordion. </p>
  
  <pre><code>            &lt;accordion close-others="showOnlyOne"&gt;
                  &lt;accordion-group heading="{{group.name}}" ng-repeat="group in reportFiltered"  is-open="group.isThisOpen"&gt;
                      &lt;ul class="nav"&gt;
                          &lt;li ng-repeat="myObj in group.myObj"&gt;
                              &lt;a ng-click="function(myObj.query)"&gt;{{myObj.name}}&lt;/a&gt;
                          &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/accordion-group&gt;
              &lt;/accordion&gt;
  </code></pre>
  
  <p>I have tried doing things such:</p>
  
  <pre><code>tabIndex="item.index
  </code></pre>
  
  <p>but that doesn't seem to work.</p>
  
  <p>Furthermore, I also need a way to access the tabs contents/value once they are currently tabbed on...but thats my next issue. </p>
  
  <p>UPDATE:</p>
  
  <p>I got the tabbing to work with {{$index}} but now I need to do something with the current li tag that is being tabbed over..</p>