i want decide on css class dynamically using ternary operator in html. i'm using following code seems condition isn't being evaluated @ all. whatever class written in true part of condition, applied. how can apply particular class based on condition? alternative approach helpful too.
<td class="col-md-6"><span class="form-control-static cdr-details-td" /> <span class="(('1' === '-1') ? version-modal-header : failure)">{{cdr.causecode}}</span> </td> css same:
.version-modal-header { background-color: #000000; } .failure { color: #ff0000; font-weight: bold; }
use ng-class instead
ng-class="{'version-modal-header': condition, 'failure': !condition}" you can use ternary if want
ng-class="condition ? 'version-modal-header' : 'failure'" 