How to use addClass method in angularjs

Question

I have an angularjs directive restricted to class. How can I add this by using addClass method in angularjs

directive

app.directive('number', function() {
return {
    restrict: 'C',
    link: function () {         

    }
};

});

code

 <div id="test"></div>

I know it is possible by using jQuery like the following.

$( "#test" ).addClass( "number" );

Please help me in doing it by using angularjs

you can do this same way you do in jquery. element.addClass('number'). all you got to do is find the element. you can use find() method. but it is limited to lookups by tag name. — Hossain Muctadir
– Hossain Muctadir, Commented Oct 21, 2013 at 7:18
i already told you can only find element with element name. not id. here element is your div. — Hossain Muctadir
– Hossain Muctadir, Commented Oct 21, 2013 at 7:24
You cannot add directive class dynamically onto the html. html has to be compiled before any directive can work on it. Since you want to add it dynamically it would not work? Why do you want to do like this. Please explain your scenario. — Chandermani
– Chandermani, Commented Oct 21, 2013 at 7:24
I have to give this class to one of the value which comes through a ng-repeat — babtech
– babtech, Commented Oct 21, 2013 at 8:27

Shreyance Jain · Accepted Answer · 2013-10-21 07:51:10Z

8

You don't need to use .addClass() angular provide ng-class directive to add class conditionally.

ng-class="{number:[condition]}"

it will add class number whenever your condition return true

yes but your directive will not be used by this I misunderstood your question previously.

answered Oct 21, 2013 at 7:22

Shreyance Jain

9447 silver badges13 bronze badges

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

Comments

Cybercarnage ｼ · Accepted Answer · 2014-02-12 08:03:28Z

4

You should add ng-class="yourClass" to element on view and add in your controller

$scope.yourClass = "your-new-class", not in directive

answered Feb 12, 2014 at 8:03

Cybercarnage ｼ

5257 silver badges16 bronze badges

Junaid Sarwar · Accepted Answer · 2015-11-19 10:14:19Z

1

try this

 link: function (lEmel) {         
      lElem.addClass("Foo");
    }

answered Nov 19, 2015 at 10:14

Junaid Sarwar

2092 silver badges13 bronze badges