angularjs - 306_expandable_grid-无法读取 'data'的属性未定义

我正在ui-grid和306_expandable_grid上工作，我已经使用了与文档中相同的代码，但是我遇到了一个错误问题。

app.js

$http.get('resources/data/title2.json')
    .success(function(data){

        console.log(data);
        console.log(data[0].Data);
        console.log(data.length);
        for(i = 0; i < data[i].length; i++){
           data[i].subGridOptions = {
                  columnDefs: [
                    {name:"Title" },
                    {name:"Jan-10" },
                    {name:"Feb-10"},
                    {name:"Mar-10" },
                    {name:"Apr-10" },
                    {name:"May-10" },
                    {name:"Jun-10" },
                    {name:"Jul-10" },
                    {name:"Aug-10" },
                    {name:"Sep-10" },
                    {name:"Oct-10" },
                    {name:"Nov-10" },
                    {name:"Dec-10" }
                ],
              data: data[i].Data
          }
      }
        // $scope.subGridOptions.data = data;
        $scope.gridOptions.data = data;
        // $scope.title = data[0].Title;
    });

externalHtmlFile.html

<div ui-grid="row.entity.subGridOptions" style="height:150px;"></div>

这是我坚持的错误

 TypeError: Cannot read property 'data' of undefined
    at new <anonymous> (http://localhost/ng-Grid/resources/scripts/ui-grid-unstable.js:2883:41)
    at Object.e [as invoke] (http://localhost/ng-Grid/resources/scripts/angular.min.js:36:456)
    at E.instance (http://localhost/ng-Grid/resources/scripts/angular.min.js:75:118)
    at http://localhost/ng-Grid/resources/scripts/angular.min.js:58:276
    at r (http://localhost/ng-Grid/resources/scripts/angular.min.js:7:408)
    at M (http://localhost/ng-Grid/resources/scripts/angular.min.js:58:260)
    at http://localhost/ng-Grid/resources/scripts/angular.min.js:65:412
    at http://localhost/ng-Grid/resources/scripts/angular.min.js:109:276
    at h.$eval (http://localhost/ng-Grid/resources/scripts/angular.min.js:123:139)
    at h.$digest (http://localhost/ng-Grid/resources/scripts/angular.min.js:120:220)

当我单击加号图标时，会发生错误……我找不到我可以理解的解决方案。请帮忙

最佳答案

首先，请确保在$scope.gridOptions $http.get回调之外初始化success。仅将$scope.gridOptions.data[i].subGridOptions添加到$scope.gridOptions回调内的success中。 Reference:



其次，确保网格/页面的 Controller 没有任何类型的初始化参数相关的重定向。由于页面上有以下代码，我遇到了同样的错误消息:

if (typeof clientcode === 'string' && clientcode !== '') {

    var payload = {
        clientcode : storedClientcode
    }

} else {

    $location.path('/');

}

这里的想法是检查storedClientcode是否由调用页面提供(通过共享的应用程序根服务)，如果不是，则重定向到应用程序主目录。但是ui-grid的显然在上对其页面进行了单独的子调用，这些子调用当然不提供我在代码中寻找的数据，因此重定向发生在这些调用的幕后。 。没有产生错误(除了您也看到的错误)，并且网格中没有显示任何数据。这花了我一些时间来弄清楚(我对AngularJS还是很陌生，这对我来说是ui-grid的第一个应用程序).​​.希望这会对某人有所帮助，即使它不能解决这个问题。