UI-GRID显示json数据

时间:2016-09-09 12:40:17

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

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

[
  {
    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而不是名称:demo?

2 个答案:

答案 0 :(得分:0)

尝试将数据放入$ scope.data

与$ scope.data =来自服务器的getdata

类似

然后

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

答案 1 :(得分:0)

data放入$scope而不是gridOptions.data = $scope.data

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

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