ng-class and matching value inside array angularjs

Question

ng-class="{'active' : question.chosen == key}"

The above sets my class as active when question.chosen matches key. This means that $scope.question.chosen only has a single value.

In the even $scope.question.chosen has ["a","b","c"] how would I iterate through that with ng-class to match key?

Nikos Paraskevopoulos · Accepted Answer · 2014-06-12 12:40:22Z

2

You can try:

ng-class="{ 'active' : question.chosen.indexOf(key) >= 0 }"

answered Jun 12, 2014 at 12:40

40.4k13 gold badges91 silver badges99 bronze badges

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

Comments

DrDyne · Accepted Answer · 2014-06-12 13:02:53Z

0

You can have the ng-class object have keys as class names and values as functions that return booleans.

I set up a fiddle for you:

    <li ng-class="{'active': isActive('one')}">one</li>

Tell me if this helps :)

answered Jun 12, 2014 at 13:02

DrDyne

1,6021 gold badge13 silver badges10 bronze badges