基于ng-grid中的单元格内容动态更改单元css

时间:2014-12-12 15:50:08

标签: html css angularjs ng-grid

好吧,我已经取得了进展,现在我只是想在条件得到满足时设置不同的css。但我无法弄清楚条件的正确语法。

cellTemplate: '<div ng-style="\'colorChange\' : {{row.getProperty(col.field)}} == {{myFlavor.flavor}}"   ><div class="ngCellText">{{row.getProperty(col.field)}}</div></div>'},

错误:[$ parse:syntax]语法错误:令牌&#39;:&#39;

虽然我认为语法是正确的。

1 个答案:

答案 0 :(得分:1)

这是一个关于如何根据ng-grid中的单元格内容动态更改单元格CSS的工作示例。

<div class="ngCellText" 
     ng-class="{\'colorChange\': row.entity.flavor == \'true\' }">
         {{ row.getProperty(col.field) }}
</div>

完整stackoverflow答案: https://stackoverflow.com/a/22852547/1745230