AngularJS指令不起作用

Question

请在下面找到我写的指令,

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'.

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

Answer 1

声明指令时应该有驼峰大小写的名字(setFirstActive).

请参阅指令的开发者指南.

指令有骆驼等名称,例如'ngBind'.可以通过将驼峰案例名称转换为具有以下特殊字符的蛇案例来调用该指令:, - 或_.可选地,该指令可以以x-或数据为前缀,以使其符合HTML验证器.以下列出了一些可能的指令名称:ng:bind,ng-bind,ng_bind,x-ng-bind和data-ng-bind.