ToggleClass using AngularJS

Question

I'm trying to toggle a sidebar via toggling classes. In jQuery I had:

$("[data-toggle]").click(function () {
    var toggle_el = $(this).data("toggle");
    $(toggle_el).toggleClass("open-sidebar");
});

Wondering how I'd achieve the same thing with AngularJS

tymeJV · Accepted Answer · 2014-02-21 16:20:58Z

1

Use ng-class set to a variable:

ng-class="{'someClass' : scopeVar }"

And toggle scopeVar on a click:

$scope.toggle = function() { $scope.scopeVar = !$scope.scopeVar }

answered Feb 21, 2014 at 16:20

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1