Question

我想使用下面的代码切换一个类（感谢Zombi代表他所做的directive

我无法弄清楚如何改变一个元素的类别＆＃34; B＆＃34;点击元素＆＃34; A＆＃34;。你能提出什么建议吗？

角

module.directive('toggleClass', function() {
return {
    restrict: 'A',
    link: function(scope, element, attrs) {
        element.bind('click', function() {
            element.toggleClass(attrs.toggleClass);
        });
    }
};

HTML

<li> <- Clicked Element
    <span toggle-class="open"></span> <-Toggled Class
</li>

Answer 1

很简单，像这样更改你的代码：

module.directive('toggleClass', function() {
  return {
      restrict: 'A',
      link: function(scope, element, attrs) {
          element.parent().bind('click', function() {
              element.toggleClass(attrs.toggleClass);
          });
      }
  };
});

JSFiddle

Answer 2

你也可以查看angularjs的[ng-class]（https://docs.angularjs.org/api/ng/directive/ngClass，“ng-class usage”）指令。你可以用它做更多的事情

使用Angular指令切换类

2 个答案: