Angularjs 将条件逻辑放入角度模板

这对我来说似乎有点难。寻找关于这是否是“最佳”方式的意见

我在表的一行中有一个字段。该值来自API，我将显示 -适当的图标， -以适当的颜色， -与适当的标题文本

有没有更简洁的方法？我应该在模板中执行此逻辑吗？这应该在控制器中处理，还是在指令中处理

<div class="ngCellText">
    <span
        ng-class="{
            'icon-default':!row.entity[col.field],
            'icon-done':row.entity[col.field] == 'AVAILABLE',
            'icon-warning':row.entity[col.field] == 'PROCESSING',
            'icon-default':row.entity[col.field] == 'NOT_AVAILABLE'
        }"

        title= "{{row.entity[col.field] == 'AVAILABLE' ? 'Available' : ''}}{{ row.entity[col.field] == 'NOT_AVAILABLE' ? 'Not Available' : ''}}{{ row.entity[col.field] == 'PROCESSING' ? 'Processing' : ''}}{{ !row.entity[col.field] ? 'Unknown' : ''}}">
        <i
            class="fa"
            ng-class="{
                'fa-check-square-o':row.entity[col.field] == 'AVAILABLE',
                'fa-times':row.entity[col.field] == 'NOT_AVAILABLE',
                'fa-clock-o':row.entity[col.field] == 'PROCESSING',
                'fa-question':!row.entity[col.field]}">
        </i>
    </span>
</div>

---

让类成为函数调用并执行其中的逻辑如何

     <li ng-class="computeClass()">


     $scope.computeClass = function() {
      // Put your logic to build your comma sep class string
        var ret = "AVAILABLE";
        return ret;
     };

$scope.computeClass=函数（）{
//将您的逻辑用于构建逗号sep类字符串
var ret=“可用”；
返回ret；
};

我想说创建一个目录我刚刚偶然发现了ng-switch。你可以使用ng-switch，但它会弄乱你的html，你的html不再可读/可理解：（而且你失去了可测试性