AngularJS指令不起作用 [英] AngularJS directive is not working
问题描述
请在我写的指令下方找到
Please find below the directive which i wrote,
angular.module('netVogue.directives', []).
directive('set-First-Active', function() {
return function(scope, element, attrs){
alert('sample');
element.addClass("active");
};
});
我已通过以下方式将此指令添加到我的模块中,
I have added this directive to my module in below way,
angular.module('netVogue', ['netVogue.filters', 'netVogue.services', 'netVogue.directives']);
我在模板中以以下格式使用了该指令,
I used this directive in my template in following format,
<div class="item" ng-repeat="viewPrintcampaign in viewPrintcampaigns" ng-init="first=$first" set-First-Active>
</div>
但是,我既没有看到警报的任何响应,也没有添加任何类. 有人可以帮我吗? 由于某些依赖性,我不想使用'ng-class',但想为ng-repeat的第一个元素添加class ='active'.
However, i neither see any response of alert nor class is getting added. Can someone please help me with this? Due to some dependency, i don't want to use 'ng-class' but want to add class='active' for the first element of ng-repeat.
任何帮助将不胜感激.预先感谢.
Any help would be greatly appreciated. Thanks in advance.
推荐答案
在声明指令时应使用驼峰式案例名称(setFirstActive
).
When declaring directive should has camel case name (setFirstActive
).
请参见开发人员指令指南.
伪指令中包含驼峰式的名称,例如"ngBind".可以通过使用以下特殊字符:,-或_将驼峰大小写名称转换为蛇形大小写来调用该指令.可选地,该指令可以以x或data为前缀,以使其与HTML验证程序兼容.以下是一些可能的指令名称的列表:ng:bind,ng-bind,ng_bind,x-ng-bind和data-ng-bind.
Directives have camel cased names such as 'ngBind'. The directive can be invoked by translating the camel case name into snake case with these special characters :, -, or _. Optionally the directive can be prefixed with x-, or data- to make it HTML validator compliant. Here is a list of some of the possible directive names: ng:bind, ng-bind, ng_bind, x-ng-bind and data-ng-bind.
这篇关于AngularJS指令不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!