title: AngularJS directive is not working
body: <p>Please find below the directive which i wrote,</p>
  
  <pre><code>angular.module('netVogue.directives', []).
    directive('set-First-Active', function() {
        return function(scope, element, attrs){
            alert('sample');
            element.addClass("active");     
        };
    });
  </code></pre>
  
  <p>I have added this directive to my module in below way,</p>
  
  <pre><code>angular.module('netVogue', ['netVogue.filters', 'netVogue.services', 'netVogue.directives']);
  </code></pre>
  
  <p>I used this directive in my template in following format,</p>
  
  <pre><code>&lt;div class="item" ng-repeat="viewPrintcampaign in viewPrintcampaigns" ng-init="first=$first" set-First-Active&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>However, i neither see any response of alert nor class is getting added.
  Can someone please help me with this? 
  Due to some dependency, i don't want to use 'ng-class' but want to add class='active' for the first element of ng-repeat.</p>
  
  <p>Any help would be greatly appreciated. Thanks in advance.</p>