UI网格 - 格式化数据

Question

我正在使用新的Angular UI Grid(计划替换ng-grid).我的数据需要一些格式才能显示在表格中.例如,我的服务器返回一个名为"status"的属性作为数字,但我想将其显示为一个好名字.

如果status = 1则显示"Todo",如果status = 2则显示"Doing"等.

如何在UI Grid中完成？

Answer 1

现在首选的方法是使用cellFilter,而不是自定义模板.自定义模板没问题,但是在升级时会增加工作量 - 您必须检查新功能是否需要修改模板.

教程中有一个合理的过滤器示例:http://ui-grid.info/docs/#/tutorial/201_editable

请注意cellFilter: 'mapGender'性别列,以及教程中下面进一步定义的过滤器:

.filter('mapGender', function() {
  var genderHash = {
    1: 'male',
    2: 'female'
  };

  return function(input) {
    if (!input){
      return '';
    } else {
      return genderHash[input];
    }
  };
})