AngularJS: ¿Cómo acceder al ámbito desde la plantilla de celda ui-grid?

Question

AngularJS: ¿Cómo acceder al ámbito desde la plantilla de celda ui-grid?

¿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

Esperaría que el contenido de la celda mostrara "hola mundo", pero solo muestran "hola".

40

angularjs javascript angular-ui-grid

Author: John Slegers, 2015-01-24

Source

1 answers

score 68 · Accepted Answer

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

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