Adding class on ng-click

Question

I'm trying to use the arguments of an ng-click to add a class to the same element, but so far no luck.

What I'm doing wrong? Basically what I want to do is to add a certain class to the element when clicked. Right now, on ng-click, i'm declaring answer="yes".

Here's my code:

<div class="col-md-8 col-md-offset-2" ng-switch on="answer">

    <div class="row question">Do you like to travel?</div>

    <div class="row">
      <div class="col-md-12">
        <div class="col-md-6">
          <a class="btn col-md-12" ng-click="answer='yes'" ng-class="answer='yes' : 'active'" >Yes</a>
        </div>
        <div class="col-md-6">            
          <a class="btn col-md-12" ng-click="answer='no'">No</a>
        </div>  
      </div>
    </div>
</div>

tymeJV · Accepted Answer · 2014-02-28 20:27:05Z

1

The correct syntax would be:

ng-class="{'active' : answer == 'yes'}"

answered Feb 28, 2014 at 20:27

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

Collectives™ on Stack Overflow

Adding class on ng-click

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related