Changing button color on state changed angularjs

Question

I have grey color button and i need to implement it with 2 states one for selected (blue)and other for idle state(grey). I am working on Angularjs. I am new to this platform.

Please provide tutorial or sample code with output.

In javascript we can take reference to the button and change the background. How do we do it in ANGULARJS — Sagar Devanga
– Sagar Devanga, Commented Apr 28, 2014 at 13:50

Brocco · Accepted Answer · 2014-04-29 13:29:09Z

3

You would probably give a class that you can add to your button, say "selected". Next would be flipping a variable for when this btn is selected:

$scope.isSelected = true;

Now use `ng-class on the button:

<button ng-class="{'selected':isSelected}"></button>

Basically, when isSelected is true, add class selected.

EDIT: Working fiddle conveying this implementation

edited Apr 29, 2014 at 13:29

Brocco

65.4k12 gold badges74 silver badges77 bronze badges

answered Apr 28, 2014 at 13:50

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

3 Comments

Brocco Over a year ago

Was in the process of creating an answer w/ fiddle, here is fiddle which would match this answer... jsfiddle.net/KgShW/1

Niranjan Balkrishna Prajapati Over a year ago

@Brocco your answer made things simpler if you would have posted as answer instead of comment i would have selected it as answer. Anyways Thanks a ton for fiddle :)

Brocco Over a year ago

@NiranjanBalkrishnaPrajapati I appreciate that, but in reality they are the same answer just in different forms. And because his answer was submitted after I created the fiddle it was appropriate to place it here.

Collectives™ on Stack Overflow

Changing button color on state changed angularjs

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related