Is it possible to have multiple separate ternary expressions in ng-class for an element?

Question

I am trying to combine the following two ng-class ternary expressions into one ng-class (so I can control both the color, via btn-success/danger classes, and the width, via width-small/medium/wide class, of my button divs

<div class="btn" ng-class="(rate > 0) ? 'btn-success' : 'btn-danger'">{{rate}}</div>
<div class="btn" ng-class="(priority == 'low') ? 'width-small' : (priority == 'medium') ? 'width-medium' : 'width-wide'">{{rate}}</div>

I realize I could just do something along the lines of below; however, I would like to make use of the ternary expressions available in 1.1.5

<div class="btn" ng-class="{'btn-success': rate > 0, 'btn-danger': rate <= 0, 'width-small': priority == 'low', 'width-medium': priority == 'medium', 'width-wide': prioity == 'high'}">{{rate}}</div>

Space separating the expressions did not work for me, nor did comma separating them within ng-class

Thanks advance for your assistance in determining if/how to have multiple ternary expressions in a single ng-class

Answer 1

For anyone looking for the answer: Yes this is indeed possible, also as mentioned the readability is questionable.

<div ng-class="(conversation.read ? 'read' : 'unread') + ' ' + (conversation.incoming ? 'in' : 'out')"></div>

From the ngClass documentation:

The directive operates in three different ways, depending on which of >three types the expression evaluates to:

1. If the expression evaluates to a string, the string should be one or >more space-delimited class names.

2. If the expression evaluates to an array, each element of the array >should >be a string that is one or more space-delimited class names.

3. If the expression evaluates to an object, then for each key-value pair of >the object with a truthy value the corresponding key is used as a class >name.

Option 1 applies here.

From my understanding using this method will result in 2 watches while using object notation will result in 4, but I might be wrong on this one.