title: Angular, how to set class to the clicked list item and remove from others li items?
body: <p>I have this list where I'm trying to set class to the clicked list item (but class should be set only for clicked item).</p>
  
  <p>I tried to do by this way but without luck:</p>
  
  <pre><code>&lt;a href="" 
     ng-ctrl="ThemesCtrl" 
     ng-click="checkThemeContent(theme);" 
     ng-repeat="theme in themes" 
     ng-hide="theme[filterProp] !== filterValue" 
     class="list-group-item"&gt;
      &lt;b&gt;{{theme.name}}&lt;/b&gt;
      &lt;span class="themesListIcons"&gt;
          &lt;i class="fa fa-check-square-o"&gt;&lt;/i&gt; {{theme.avg_score}}
          &lt;i class="fa fa-comment-o"&gt;&lt;/i&gt; {{theme.count_of_cards}}
      &lt;/span&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>How can i do it please in the right way?</p>
  
  <p>Thanks for any help. </p>