javascript - columndefs - AngularJS: ¿Cómo acceder al alcance desde la plantilla de celda ui-grid?

ui-grid columndefs

Question

¿Cómo se accede a $scope desde una plantilla de celda ui-grid? Aquí está mi código de controlador:

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>''
}]
};
}]);

Véalo en acción aquí: http://plnkr.co/edit/WYXeQShHWKDYDs4MIZnP?p=preview

Espero que los contenidos de las celdas muestren "hola mundo", pero solo muestran "hola".

Answer 1

Según http://ui-grid.info/docs/#/tutorial/305_appScope , la cuadrícula tiene su propio alcance isalote, por lo que necesita usar grid.appScope para acceder al alcance de su aplicación. La solución es cambiar la plantilla de celda a:

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