angularjs – 基于条件的角度ui网格行模板颜色

前端之家收集整理的这篇文章主要介绍了angularjs – 基于条件的角度ui网格行模板颜色前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要根据某些条件改变角度ui网格的行颜色.
如图所示,目标在ng-grid中实现

rowTemplate: '<div style="height: 100%" ng-class="{red: row.getProperty(\'viewed\') < 1}"><div ng-style="{ \'cursor\': row.cursor }" ng-repeat="col in renderedColumns" ng-class="col.colIndex()" class="ngCell ">' +
             '<div class="ngVerticalBar" ng-style="{height: rowHeight}" ng-class="{ ngVerticalBarVisible: !$last }"> </div>' +
            '<div ng-cell></div>' +
            '</div></div>',

如何在角度ui网格中实现相同

解决方法

我认为在ng-grid和ui-grid中,你都可以使用

cellTemplate: '<div style="height: 100%" ng-class="{red: row.getProperty(\'viewed\') < 1}"><div ng-style="{\'cursor\': row.cursor}" ng-repeat="col in renderedColumns" ng-class="col.colIndex()" class="ngCell ">' +
         '<div class="ngVerticalBar" ng-style="{height: rowHeight}" ng-class="{ngVerticalBarVisible: !$last}"> </div>' +
        '<div ng-cell></div>' +
        '</div></div>',

猜你在找的Angularjs相关文章