Html AngularJS/Bootstrap条件下的彩色单元格

我有一个包含各种数据的引导表。如果某个参数等于一个字符串，我希望行的最后一个单元格用特殊颜色着色

因此，我现在使用的代码如下所示：

<tr ng-repeat="data in responseData">
        <td>{{data.title}}</td>
        <td>{{data.description}}</td>
        ...
        <td class="status" ng-class="{ 'available': data.status=='string1', 'taken': data.status!='string1'}"></td>
</tr>

但是td在初始化值中没有着色。我使用Chrome，开发者工具显示正确的类在td上，但正如前面提到的，颜色是标准的

---

有人能帮我吗？

根据您的css，它应该是：

<td class="status" ng-class="{ 'status_available': data.status=='string1', 'status_taken': data.status!='string1'}"></td>

---

不好的事情，但是-你可以通过对你的css规则应用“！important”来强制它，比如 背景颜色：红色！重要的

---

可能有些引导样式会在您的样式之后应用。

谢谢！但正如上面提到的，这种风格被应用到td上……但它并没有以某种方式出现。。。

<td class="status" ng-class="{ 'status_available': data.status=='string1', 'status_taken': data.status!='string1'}"></td>

.status.available{
    background-color: green;
}

.status.taken{
    background-color:red;
    width:10px;
    height:100%;
}