0

我在我的 angulrjs 项目中使用 uigrid：

这是要显示的内容：

   $scope.arr = [{id:'124',name:'Max',  IsMale:'true'}, 
                  {id:'589',name:'Anna', IsMale:'false'}, 
                  {id:'45',name:'Donna', IsMale:'false'},
                  {id:'567',name:'Mark', IsMale:'true'}];

这是 UI-GRID 的定义：

    $scope.gridOptions = {
        enableColumnMenus: false,
        enableSorting: true,
        enableFiltering: false,
        enableToopTip: true,
        enableHorizontalScrollbar: 0,
        onRegisterApi: function (gridApi) {
            gridApi = gridApi
        }
    }

  $scope.gridOptions.columnDefs = [
    { name: 'Name ', field: 'name', cellTooltip: true, headerTooltip: true },
    { name: 'Id ', field: 'id', cellTooltip: true, headerTooltip: true },
    { name: 'IsMail ', field: 'IsMale', cellTooltip: true, headerTooltip: true }];

     $scope.gridOptions.data = $scope.arr;

这是模板：

 <div id="grid1" ui-grid="gridOptions" class="grid"></div>

这是工作plunker。

我想更改IsMalui-grid 中字段的显示内容，其中字段显示“真”我需要显示“是”，如果是假我需要显示“否”。

任何想法如何更改 ui-grid 字段中显示的内容？

4

1 回答 1

1

我改变了你的 $scope.arr 所以你的 isMale 实际上是一个布尔类型。

 $scope.arr = [{id:'124',name:'Max',  IsMale:true}, 
              {id:'589',name:'Anna', IsMale:false}, 
              {id:'45',name:'Donna', IsMale:false},
              {id:'567',name:'Mark', IsMale:true}];

然后我在你的 gridOptions 中添加了一个 cellTemplate。

$scope.gridOptions.columnDefs = [
    { name: 'IsMail ', field: 'IsMail', cellTooltip: true, headerTooltip: true, cellTemplate: '<div><p ng-if="COL_FIELD">YES</p><p ng-if="!COL_FIELD">NO</p></div>' }];
于 2016-07-26T11:04:30.457 回答