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

请参阅developer guide on directives。

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