AngularJS指令不起作用

angular.module('netVogue.directives',[]).
  directive('set-First-Active',function() {
      return function(scope,element,attrs){
          alert('sample');
          element.addClass("active");     
      };
  });

我已经通过以下方式将此指令添加到我的模块中,

angular.module('netVogue',['netVogue.filters','netVogue.services','netVogue.directives']);

我在以下格式的模板中使用了这个指令,

<div class="item" ng-repeat="viewPrintcampaign in viewPrintcampaigns" ng-init="first=$first" set-First-Active> 
</div>

但是,我既没有看到任何警报响应,也没有看到类增加.
有人可以帮我这个吗？
由于某些依赖性,我不想使用’ng-class’,但想为ng-repeat的第一个元素添加class =’active’.

任何帮助将不胜感激.提前致谢.