UI-GRID显示json数据

Question

目前，我正在从服务器检索数据。

[
  {
    id:1, 
    name:demo,
    request: {
      id: 1,
      localCompany: {
        id: 1
      }
   }
}]

[{}，{}]，这就是我的json对象的外观。

当我调用$ http服务并将其放在gridOptions中时：{data：this.data}我在控制台窗口中收到以下错误： TypeError：newRawData.forEach不是一个函数 。

 data: ng.IPromise<any[]> = this.programService.getRequestsForProgram(this.model.id).then((data: any) => {
        console.log(data);
        return data;
    });

gridOptions: {} = {
        data: this.data ,
        paginationPageSize: 5
        //columnDefs: this.programCountryService.getHeaders()
    };

这是我目前正在使用的代码。

知道我如何摆脱这个错误吗？ 网格是否可能仅显示localCompany.Id而不显示name：demo？

Answer 1

尝试将数据放入$ scope.data

就像$ scope.data = getdata来自服务器

接着

gridOptions：{} = {数据：$ scope.data，paginationPageSize：5 // columnDefs：this.programCountryService.getHeaders（）};

Answer 2

将data放入$scope然后放入gridOptions.data = $scope.data 。

如果只想显示localCompany.id的数据，则需要使用自定义模板为字段request定义columnDefs ：

'<div class="ui-grid-cell-contents">{{ COL_FIELD.id }}</div>'