如何在angularjstable中使用ng-class？

Question

我有3个cssclass即

.green{
  background-color:green
}

.yellow{
  background-color:yellow
}

.red{
  background-color:red
}

我有一个table

看起来像这样

<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> 我有像

这样的数据

low medium high

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

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

我需要做什么才能实现这一目标？

Answer 1

这应该有效。

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

ng-class 接受 class 名称到布尔值的映射。参见 documentation

如何在angularjstable中使用ng-class？

How to use ng-class in angularjs table?

javascript

css

angularjs

ng-class