Angular Conditional Class Based On Character Count

Question

How to conditionally apply a class based on the character count of the model?

E.g.:

$scope.sample = 555;

<span ng-class="{ 'char3': sample.length == 3 }">{{ sample }}</span>

Answer 1

You can convert sample to string and the check its length:

<span ng-class="{ char3: (sample + '').length == 3 }">{{ sample }}</span>

Answer 2

<span ng-class="(sample.length === 3) ? 'three':'notthree'">{{ sample }}</span>