angularjs - ngGrid cellFilter 和 cellTemplate 不能一起工作

标签 angularjs ng-grid angular-ui-grid celltemplate cell-formatting

我用 ngGrid 显示我的数据。我想将 cellFilter 和 cellTemplate 一起用于特定列,但似乎它们不能一起使用。
当我单独使用 cellFilter 或 cellTemplate 时,它​​们工作得很好。基本上,我想以这种方式格式化单元格的值(例如 500000 --> 500,000; 1000000 --> 1,000,000),并且我还想将负值设为红色。我该如何解决这个问题?谢谢!

$scope.gridOptions = {
        data: 'data',
        columnDefs: [
            {
                field: 'Settled',
                cellFilter: 'number',
                cellTemplate: '<div ng-class="{red: row.getProperty(col.field) < 0}"><div class="ngCellText">{{row.getProperty(col.field)}}</div></div>'
            }]
        }

最佳答案

我自己找到了答案:p

就这么简单。

$scope.gridOptions = {
        data: 'data',
        columnDefs: [
            {
                field: 'Settled',
                cellTemplate: '<div ng-class="{red: row.getProperty(col.field) < 0}"><div class="ngCellText">{{row.getProperty(col.field) | number }}</div></div>'
            }]
        }

关于angularjs - ngGrid cellFilter 和 cellTemplate 不能一起工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31270626/

相关文章:

javascript - 如何禁用 ng-grid 中的选择

css - 如何将类添加到 ui-grid-selection-row-header-buttons 父单元格?

angularjs - 如何在 Angular JS 的 routeProvider 中传递参数?

javascript - AngularJS 服务中的方法未定义

javascript - 如何在angularjs中的ng-grid中显示json数据

angularjs - &lt;input&gt; 模板的 ng-grid 问题

javascript - 使用 Angular 和 Bootstrap-UI 构建的 UI-Grid 在以某种方式调整窗口大小之前不会自行调整大小

javascript - AngularJS ui-grid 获取所有网格数据以供导出

angularjs - 如何禁用 Kendo 可拖动事件

javascript - 从 11 版本更新到 12 版本后,Angular 项目不起作用