title: how to dynamically remove css in Angular?
body: <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.items {
    color: black;
    background-color: white;
    -webkit-transition:all cubic-bezier(0.250,0.460,0.450,0.940) 0.5s;
    transition:all cubic-bezier(0.250,0.460,0.450,0.940) 0.5s;
  }
  
  .items.currentlySelected {
    color: orange;
    background-color: yellow;
    font-size: 3em;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div ng-repeat="returnedUser in returnedUsers" value="set" ng-click="myVar='currentlySelected'"&gt;
    &lt;span class="items" ng-class="myVar"&gt;
      &lt;a href="#" ng-click="getRepoData(returnedUser);"&gt;{{returnedUser.login}}&lt;/a&gt;
    &lt;/span&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <hr>
  
  <pre><code>$scope.getRepoData = function(singleUser) {
      $scope.selectedUser = singleUser;
      $http.get(singleUser.repos_url).
          success(function(data,status) {
              if(status===200) {
                  $scope.returnedRepos = data;
              }
          }).
          error(function(data,status){
              alert("something happened in single user");
          });
  }
  </code></pre>
  
  <p>When I click the link, it works beautifully. However when I want to select another link, I want to restore the link back to items (from items.currentlySelected) before applying my css on the newly selected link</p>
  
  <p>How do I do this using Angular (no jquery please)</p>