Question

我在项目中使用ui-router和ui-grid。当我将状态切换到包含ui-grid的不同视图时，我收到TypeError。没有ui-router，我没有遇到这个问题。我已经尝试了一个包含ui-grid的html页面。没有问题。当我实现ui-router时，发生了TypeError。

我在plunkr上添加了一个演示。 http://plnkr.co/edit/FzsxLDNGRWQrpGUKNHBa?p=preview 正如您在我的app.js中的以下代码段中所看到的，我的模块将填充ui-router和ui-grid的依赖项。

var app = angular.module('app', [ 'ui.router', 'ui.grid' ]);

如果您切换到此演示中的第二个视图，您将看到一个空的ui-grid。 Chrome开发工具会报告TypeError。

Answer 1

您在模板中将View2Controller称为vm，但是在$ scope中添加了gridOptions，只需将$ scope.gridOptions更改为vm.gridOptions即可。

vm.gridOptions = {
        onRegisterApi: function (gridApi) {
            $scope.gridApi = gridApi;
        },        
        data: 'vm.customers',

        columnDefs: [
          {
              field: 'status', name: '', width: 50, sort: {
                  direction: uiGridConstants.DESC,
                  priority: 0
              }
          },
          {
              field: 'member', name: 'M', width: 50, type: 'boolean',
              cellTemplate: '<input type="checkbox" ng-model="row.entity.lid" >'
          },
          {
              field: 'company', name: 'Company', width: 200, minWidth: 200, maxWidth: 600
          },
          { field: 'creationDate', name: 'Date', width: 120, cellClass: 'right-align', type: 'date' },
        ]
    };

http://plnkr.co/edit/mpRYJZKEnwPIRefPQc9J?p=preview

ui-router ui-grid Typeerror undefined

1 个答案: