如何在angularjs表中使用ng-class？

Question

我有3个css类

.green{
  background-color:green
}

.yellow{
  background-color:yellow
}

.red{
  background-color:red
}

我有一张桌子

看起来像这样

<div class="table-responsive">
    <table class="table table-bordered">
        <thead>
        <tr class="bg-primary">
            <th>Task Name</th>
            <th>Start Date</th>
            <th>End Date</th>
            <th>Priority</th>
            <th>Action</th>
            <th ng-hide="true">autoid</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="d in dataintbl">
            <td>{{d.taskname}}</td>
            <td>{{d.taskstartdate}}</td>
            <td>{{d.taskenddate}}</td>
            <td>{{d.taskpriority}}</td>
            <td>
                <a href="#" ng-click="updateuser()" class="btn btn-warning glyphicon glyphicon-edit"></a>
                <a href="#" ng-click="deleteuser()" class="btn btn-danger glyphicon glyphicon-trash"></a>
            </td>
            <td ng-hide="true">{{d.taskmid}}</td>
        </tr>
        </tbody>
    </table>
</div>

现在在我的<td>{{d.taskpriority}}</td>我有像这样的数据

低中高

现在我想在我的td中使用ng-class并根据数据应用css类

如果我的td中有（低），则应该应用绿色css类等等

我需要做些什么来实现这个目标？

Answer 1

这应该工作。

<td ng-class="{'green': (d.taskpriority == 'low'), 'yellow': (d.taskpriority == 'medium'), 'red': (d.taskpriority == 'high')}">{{d.taskpriority}}</td> 

ng-class接受类名映射到布尔值。 见文档