css - AngularJS ブートストラップ クラス

Question

次の angularjs ng-repeat があり、列のステータスには 3 つの値 (Phoned、Active、Waiting) があります。

 <tr ng-repeat="person in persons">                 
 <td>{{person.id}}</td>
 <td>{{person.status}}</td> 
</tr>

次の画像のように、ステータスの値に応じてブートストラップ クラスを適用する必要があります。