更改动态表AngularJS/JavaScript中文本的颜色

我正在开发一个web应用程序，其中维护一个收藏夹表。如何更改HTML表中值的颜色？例如，如果特定列的值小于0，则显示为红色；如果值id大于0，则显示为绿色。这是我的代码片段：

<table class="table table-striped" style="margin-top: 10px;" id="favoritesTable">
    <tr>
        <th>Symbol</th>
        <th>Stock Price</th>
        <th>Change (Change Percent)</th>
        <th>Volume</th>
        <th></th>
    </tr>
    <tr ng-repeat="x in mylist">
        <td><a ng-click="changeValue(x[0]);getStockDetails()" style="color: blue; cursor: pointer;" data-slide="prev" href="#myCarousel">{{x[0]}}</a></td>
        <td>{{x[1]}}</td>
        <td id="changeAndPercent">{{x[2]}} ({{x[3]}}%)</td>
        <td>{{x[4]}}</td>
        <td><button class="btn btn-default btn-sm" ng-click="removeFromTable(x[0])"><span class="glyphicon glyphicon-trash"></span></button></td>
    </tr>
</table>

象征
股价
变化（变化百分比）
卷
{{x[1]}
{{x[2]}}（{x[3]}}%）
{{x[4]}

我将数据存储在angularJS中的mylist变量中。我想检查x[2]是否大于0，然后以绿色显示，如果小于0，则以红色显示

我尝试的是在表中添加脚本标记和用JavaScript创建表。当我在JavaScript函数中创建表时，ng click函数不起作用。请帮忙

提前谢谢

---

编辑：我还附上了我的表格的图像-->

简单使用

ng类

设置为在值为零时显示红色

var myApp=angular.module（'myApp'，[]）；
控制器（'MyCtrl'，函数（$scope，$timeout）{
$scope.data=[{value:0}，{value:-1}，{value:1}]
});
。文本为红色{
颜色：红色
}
.箭绿{
宽度：0；
身高：0；
边框顶部：20px实心透明；
边框底部：20px实心透明；
左边框：20px纯绿；
}
.箭红{
宽度：0；
身高：0；
边框顶部：20px实心透明；
边框底部：20px实心透明；
左边框：20px纯红；
}
.绿色文本{
颜色：绿色
}

我的值是{{item.value}}
简单使用
ng类
设置为在值为零时显示红色


var myApp=angular.module（'myApp'，[]）；
控制器（'MyCtrl'，函数（$scope，$timeout）{
$scope.data=[{value:0}，{value:-1}，{value:1}]
});
。文本为红色{
颜色：红色
}
.箭绿{
宽度：0；
身高：0；
边框顶部：20px实心透明；
边框底部：20px实心透明；
左边框：20px纯绿；
}
.箭红{
宽度：0；
身高：0；
边框顶部：20px实心透明；
边框底部：20px实心透明；
左边框：20px纯红；
}
.绿色文本{
颜色：绿色
}

我的值是{{item.value}}
谢谢您的回答。我还必须根据值附加红色和绿色箭头。我怎样才能在ng课上做到这一点？谢谢你的回答。我还必须根据值附加红色和绿色箭头。我怎样才能在ng课上做到这一点？