title: How to change background color of the active link in Angular js
body: <p>My html</p>
  
  <pre><code>&lt;li data-ng-click="sortCategory('demographics')"&gt;Demographics&lt;/li&gt;
  &lt;li data-ng-click="sortCategory('historical')"&gt;Historical&lt;/li&gt;
  &lt;li data-ng-click="sortCategory('experimental')"&gt;Experimental&lt;/li&gt;
  </code></pre>
  
  <p>I tried </p>
  
  <pre><code>&lt;li data-ng-click="sortCategory('socialmedia'); select(item)" data-ng-class="{active: isActive(item)}"&gt;Social Media&lt;/li&gt;
  
  $scope.isActive = function (item) 
       {
  return $scope.isActive(item);
       }
  </code></pre>
  
  <p>css (less)</p>
  
  <pre><code>li{
  &amp;.active {
    background:#0088cc;
  }
  }
  </code></pre>
  
  <p>It is not working...</p>