有没有一种方法可以基于与绑定对象相关的ng-if表达式来更改css样式

Question

正如标题所说，我想知道是否可以使用ng-if基于绑定值更改css样式。

例如：

ng if="value=='RED'"<--然后将该值的css样式更改为红色，依此类推。

有什么想法吗？

谢谢。

Answer 1

ng-if将有条件地从DOM中添加/删除元素。你可以使用

ng-style="{color: myColor}"

或者你可以试试ng级

ng-class="{someCssErrorClass: error}"

Answer 2

最终从控制器部分完成以下操作，在那里我获得了工厂http.get数据对象，只是在objs上迭代，并添加了一个新值，之后我在视图中使用该值。平面简洁。

for (var poss = 0; poss < $scope.prodList.length; poss++) {
        if($scope.prodList[poss].stock === 'NO STOCK') {
            $scope.prodList[poss].stock_color = 'red';
        }else{
            $scope.prodList[poss].stock_color = 'green';
        }
    }