UI-GRID 显示 json 数据答案

【问题标题】：UI-GRID display json dataUI-GRID 显示 json 数据
【发布时间】：2017-01-17 14:52:57
【问题描述】：

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

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

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

当我调用 $http 服务并将其放入 gridOptions: {data: this.data} 我在控制台窗口中收到此错误：TypeError: newRawData.forEach is not a function。

 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？

【问题讨论】：

标签： angularjs json typescript angular-ui-grid ui-grid

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

尝试把数据放到$scope.data中

点赞 $scope.data=getdata 从服务器

然后

gridOptions: {} = { 数据：$scope.data，分页页面大小：5 //columnDefs: this.programCountryService.getHeaders() };

【讨论】：