AngularJS：如何從ui-grid cell模板訪問范圍？

Question

如何從ui-grid單元模板訪問$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

我希望細胞內容顯示“你好世界”，但他們只是顯示“你好”。

Answer 1

根據http://ui-grid.info/docs/#/tutorial/305_appScope ，網格有自己的isaloted范圍，因此您需要使用grid.appScope來訪問您的應用程序范圍。 解決方案是將單元格模板更改為：

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