离子条件文本颜色

我想为一个人的名字显示不同的颜色（如果他在场或不在场）。在离子视图中工作

    
        
 {{employee.name }}
    

而且它不能以任何方式工作任何建议

的HTML

    
        
{{employee.name }}
        
    

SO演示

    
        
{{employee.name }}
        
    

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.employee = {
    tStatus: 'Present',
    name: 'Sameed'
  }
});

.green {
  color: green;
}
.red {
  color: red;
}