Angularjs ng-class binding

Question

Is it possible to combine a data-bind class and a conditional class in the same ng-class ?

Ex:

<div class="trow" ng-class="rowClass($index), data.accounts[k.id].checked ? 'checked' : '' " ng-repeat="k in accounts | filter:{location_id: location.id}">

This isn't working for me and neither

ng-class="{rowClass($index), data.accounts[k.id].checked ? 'checked' : '' }"

I want to have both classes, the data-binded rowClass($index) and also the conditional data.accounts[k.id].checked ? 'checked' : '' .

georgeawg · Accepted Answer · 2018-03-21 11:12:02Z

2

Use an array to combine the two:

ng-class="[rowClass($index), data.accounts[k.id].checked ? 'checked' : '' ]"

For more information, see AngularJS ng-class Directive API Reference.

answered Mar 21, 2018 at 11:12

georgeawg

49k13 gold badges78 silver badges98 bronze badges

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

Collectives™ on Stack Overflow

Angularjs ng-class binding

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