ui-router ui-grid Typeerror undefined

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，但gridOptions在$scope中添加，只需更改$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 =预览