Javascript 在Angular指令中使用HTML5API类列表
我试图弄清楚是否可以在Angular中使用新的HTML5API函数,特别是在Angular指令中Javascript 在Angular指令中使用HTML5API类列表,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我试图弄清楚是否可以在Angular中使用新的HTML5API函数,特别是在Angular指令中 <a ng-class="concat(currElement)">Link</a> 我正在尝试向元素添加一个类,该类与jQuery的addClass函数配合得很好: function addClass($rootScope) { return { restrict: 'A', link: function(scope, el, attrs) {
<a ng-class="concat(currElement)">Link</a>
我正在尝试向元素添加一个类,该类与jQuery的addClass
函数配合得很好:
function addClass($rootScope) {
return {
restrict: 'A',
link: function(scope, el, attrs) {
el.addClass('new-class');
}
}
}
但是我想知道我是否能够使用JS
库,并使用classList
函数,如下所示:
el.classList.add('new-class');
有人知道这是否可能吗
感谢您的帮助。提前谢谢 只需使用控制器作用域添加类即可。编写一个包含类的函数,并将其绑定到
ng class
指令
<a ng-class="concat(currElement)">Link</a>
现在您可以从$scope中推送数据或删除数据。currElementel
是一种可以直接使用的addClass
方法,因此您现有的代码在没有引用jQuery的情况下仍然可以工作
如果要访问原始DOM元素,则可以通过索引angular元素来获取它,例如:
el[0].classList.add('new-class');
我明白这一点。但我想在一个角度指令内做这个。