如何在Angular指令的Link函数中设置CSS样式

Question

我在单击自定义Angular指令时尝试在某个类上设置CSS样式.我想在Link函数中完成这个(以及任何其他DOM操作).下面是我到目前为止,但我收到了一个address.on is not a function错误.单击类元素时,如何-webkit-filter: none在blur类上正确设置CSS blur？

function link(scope, element, attributes) {
  var address = element[0].getElementsByClassName('blur');
  address.on('click', function() {
    address.css({'-webkit-filter': 'none'});
  });
}

Answer 1

address是一个DOM元素.您需要将其包装angular.element以将其转换为jqLit​​e对象:

function link(scope, element, attributes) {
  var address = angular.element(element[0].getElementsByClassName('blur'));
  address.on('click', function() {
    address.css({'-webkit-filter': 'none'});
  });
}