javascript - 如何在 Angular 指令的链接函数中设置 CSS 样式

Question

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

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'});
  });
}