ng-class 3 class types

Question

I liked the ternary operator but right now I've 3 values to deal with

<li class="table-view-cell media" ng-class="detail.keynote ? 'keynote' : 'session'">

javascript

detail.keynote = 0 //(class session)
detail.keynote = 1 //(class keynote)
deail.ketnote = -1 //(class neutral)

Any eloquent angular approach for this?

Answer 1

use this

       <li class="table-view-cell media" ng-class="{'session': detail.keynote==0,'keynote':detail.keynote==1,'neutral':detail.keynote==-1}" >

or

          <li class="table-view-cell media" ng-class="detail.keynote== 0 ? 'session' : (detail.keynote== 1 ? 'keynote' : 'neutral')">