Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Angular指令中使用HTML5API类列表_Javascript_Jquery_Angularjs - Fatal编程技术网

Javascript 在Angular指令中使用HTML5API类列表

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) {

我试图弄清楚是否可以在Angular中使用新的HTML5API函数,特别是在Angular指令中

<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中推送数据或删除数据。currElement

el
是一种可以直接使用的
addClass
方法,因此您现有的代码在没有引用jQuery的情况下仍然可以工作

如果要访问原始DOM元素,则可以通过索引angular元素来获取它,例如:

el[0].classList.add('new-class');

我明白这一点。但我想在一个角度指令内做这个。