AngularJS : 如何从 ui-grid 单元格模板访问范围？

Question

如何从 ui- 网格单元格模板访问 $scope？这是我的控制器代码：

app.controller('MainCtrl', ['$scope', function ($scope) {

  // i want to reference this from a cell template.
  $scope.world = function() { return 'world'; };

  $scope.gridOptions = {
    data: [
      { id: "item1" },
      { id: "item2" }
    ],
    columnDefs: [
    {
      field: 'id',

      // world() is never called and is not displayed.
      cellTemplate: '<div>{{ "hello " + world() }}</div>'
    }]
  };
}]);

在此处查看实际效果： http://plnkr.co/edit/WYXeQShHWKDYDs4MIZnP?p=preview

我希望单元格内容显示 "hello world"，但它们只显示 "hello"。

Answer 1

根据http://ui-grid.info/docs/#/tutorial/305_appScope，网格有自己独立的作用域，因此您需要使用grid.appScope来访问您的应用程序作用域。解决方案是将单元格模板更改为：

  cellTemplate: '<div>{{ "hello " + grid.appScope.world() }}</div>'

AngularJS : 如何从 ui-grid 单元格模板访问范围？

AngularJS : How to access scope from ui-grid cell template?

javascript

angularjs

angular-ui-grid