Javascript 通过css向html添加图标

我想知道通过css向

项目添加图标的可能性有多大。当前在我的表格中（使用角度），如果某个值（分数）大于75%，我将表格中的行设为红色。这有点麻烦，因为我在页面上的其他地方使用了令人敬畏的字体，我想也许我可以尝试在分数旁边加一个星星。要更改为红色，我使用

ng style

并调用一个方法来计算分数，然后相应地设置css

<tr data-ng-repeat=" item in infractions | orderBy : '-score' | limitTo : 10 " ng-click="launchIAT()" ng-style="setColor(item.score)">
    <td>{{$index + 1}} </td>
    <td>{{item.name.replace("_"," ")}}</td>
    <td>{{item.score.toFixed(3)}}</td>
</tr>

我想知道是否可能使用

ng show

，尽管我不知道在

ng show

内部是否可以调用方法。比如说表演，如果超过75%的话？理想情况下，当大于75%时，我希望

显示在

{{item.score.toFixed（3）}}

旁边

---

解决这个问题的最佳方案是什么？提前谢谢。

如果你看一下fontawesome样式，你将能够选择.fa星形部分

.fa-star:before {
  content: "\f005";
}

您可以在td上使用它，与a级乙醚或直接使用

 td {
    position: relative;
font-family: FontAwesome;
    }
        td:before /* OR */ td.class:before {
          content: "\f005";
        }

---

使用ng show指令可以实现您想要的功能，但是，更好的选择是使用ng class指令，如下所示

ng-class="{className:score > 75%}"

---

其中className将被css类的名称替换

我将添加一个使用

的css类：

之前，这个表更新是否会影响它呢？比如：

{{item.score.toFixed（3）}

，因为这不会提供所需的结果。不完全是这样，请尝试{{item.score.toFixed（3）}

ng-class="{className:score > 75%}"