Add a class to the html element using angular js dynamically on the basis of If condition

Question

I am implementing some default styles for a div for a "condition id" as (id="default")

<div id="student" class="student"> /* if(id == "default") */

I need to set some other styles (class="changeStyle"), if the "condition id" is changed i.e. (id != "default")

<div id="student" class="changeStyle"> /*if(id != "default") */

which should be added dynamically, if it's finding the (id != "default").

Any suggesstion/example would be highly appreciated.

Satpal · Accepted Answer · 2014-08-19 08:17:23Z

3

You can use ngClass

The ngClass directive allows you to dynamically set CSS classes on an HTML element by databinding an expression that represents all classes to be added.

Example: Here assuming ID is a variable in scope

<div 
  ng-class="{'changeStyle': id != 'default',  'student': id == 'default'}">

answered Aug 19, 2014 at 8:17

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

Collectives™ on Stack Overflow

Add a class to the html element using angular js dynamically on the basis of If condition

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related