Will AngularJs ng class to dynamically change the css

Question

How to apply the css class dynamically in ng-class based on condition.

Code: <input type="text" id="ProcessRight_SearchUserLeft" class="inputSearch" placeholder="Search" ng-model="selectedUserOne" ng-class=""/>

Question: if i have condition bool selecteduser if it is true red want to apply otherwise green want to apply

You need to be more specific with what you want help with. Please explain further. — adamjld
– adamjld, Commented May 27, 2015 at 13:20
if i have condition bool selecteduser if it is true red want to apply otherwise green want to apply. — Santhose Kumar
– Santhose Kumar, Commented May 27, 2015 at 13:26

Donal · Accepted Answer · 2015-05-27 13:26:30Z

1

If you are asking if you can change the css class dynamically with ng-class. The answer is yes.

For example, if in your view you could set a field in your model to true and then dynamically set the class attribute using ng-class based on the value of that field.

<!-- toggle a variable to true or false -->
<input type="checkbox" ng-model="someclass"> Use Some Class?
<input type="checkbox" ng-model="someotherclass"> Use Some Other Class?

<!-- add the class 'some-class' if the variable 'someclass' is true -->
<div ng-class="{ 'some-class': someclass, 'some-other-class': someotherclass }">

answered May 27, 2015 at 13:26

Donal

33.2k10 gold badges69 silver badges75 bronze badges

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

1 Comment

Donal Over a year ago

@SanthoseKumar glad to be of help.

Collectives™ on Stack Overflow

Will AngularJs ng class to dynamically change the css

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related