Toggle Kategorie unter Verwendung der Winkel Richtlinie

Question

Ich möchte eine Klasse wechseln unter dem Code (dank Zombi für die directive er gemacht)

ich kann nicht herausfinden, wie man eine Klasse eines Elements „B“ durch das Element klicken ändern "EIN". Könnten Sie bitte etwas vorschlagen?

Angular

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

Sehr einfach, Code wie folgt ändern:

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

JSFiddle

Answer 2

können Sie auch suchen [ng-Klasse ] (https://docs.angularjs.org/api/ng/directive/ngClass, "ng-class usage") Direktive von angularjs.There gibt viel mehr, was Sie damit tun können