angularjs dyrektywa nie działa

Question

Poniżej znajduje dyrektywy, które napisałem,

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

Dodałem tę dyrektywę do mojego modułu w poniższy sposób,

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

użyłem tej dyrektywy w moim szablonie w następującym formacie:

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

Nie widzę jednak żadnej reakcji na alert lub zajęcia dodany. Czy ktoś może mi w tym pomóc? Z powodu pewnej zależności nie chcę używać "ng-class", ale chcę dodać class = 'active' dla pierwszego elementu ng-repeat.

Każda pomoc zostanie bardzo doceniona. Z góry dziękuję.

Answer 1

Deklaracja dyrektywy powinna mieć nazwę wielbłąda (setFirstActive).

Zobacz developer guide on directives.

Dyrektywy mają nazwy wielbłądów, takie jak "ngBind". Dyrektywę można przywołać, tłumacząc nazwę przypadku wielbłąda na wąż z tymi znakami specjalnymi:, -, lub _. Opcjonalnie do dyrektywy można dodać przedrostek x- lub data-, aby była zgodna z walidatorem HTML. Oto lista niektórych możliwych nazw dyrektyw: ng: bind, ng-bind, ng_bind, x-ng-bind i data-ng-bind.