嵌套的 ui-grid（cellTemplate 内的网格）答案

【问题标题】：Nested ui-grid (grid inside cellTemplate)嵌套的 ui-grid（cellTemplate 内的网格）
【发布时间】：2014-12-26 11:12:35
【问题描述】：

我正在准备一个网格，其中有一列包含另一个网格，我用 ngGrid 尝试了它，它根据这个 plunkr 链接工作：

    $scope.updateGrid = function() {$scope.gridOptions = {
    data: 'facdata',
      rowHeight: $scope.fac1data.length * $scope.rowHeight,
      columnDefs: [
        {field: 'examname',displayName: 'Exam Name'},
        {field: '', displayName: 'Subjects' , cellTemplate: '<div  ng-grid="gridOptions1"  ></div>'
      }]
    };
  }

Plunkr link

上一个链接是使用 ngGrid 完成的，但是当我尝试使用 ui-grid 准备等效项时，我遇到了问题（a.uiGrid 未定义）。

请帮我解决这个问题谢谢

【问题讨论】：

如果你想从你的网格模板访问任何变量，你必须借助外部作用域，因为 ui-grid 使用隔离作用域。请看ui-grid.info/docs/#/tutorial/305_externalScopes
@user3114642 : 你能提供一个有效的 plunkr 链接吗？

标签： angularjs ng-grid angular-ui-grid

【解决方案1】：

你可以参考这个plunker链接，它可能对你有帮助...

如果你想把它放在一个列中，你需要在一个列的 cellTemplate 中设置另一个 ui-grid。

 $scope.gridOptions.columnDefs = [
{name: 'id'},
{name: 'categoryName'},
{name: 'products', cellTemplate: '<div ui-grid="row.entity[\'products\']"></div>'} ];

【讨论】：