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”。

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

声明指令时应具有驼峰式名称（setFirstActive).

See 指令开发者指南 http://docs.angularjs.org/guide/directive.

指令具有驼峰式名称，例如“ngBind”。可以通过将驼峰命名法名称转换为蛇命名法并使用这些特殊字符：、-或_来调用该指令。该指令可以选择以 x- 或 data- 为前缀，以使其兼容 HTML 验证器。以下是一些可能的指令名称的列表：ng:bind、ng-bind、ng_bind、x-ng-bind 和 data-ng-bind。