Comment accéder à $scope
à partir d'un modèle de cellule ui-grid? Voici mon code de contrôleur:
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>'
}]
};
}]);
Voyez-le en action ici: http://plnkr.co/edit/WYXeQShHWKDYDs4MIZnP?p=preview
Je m'attendrais à ce que le contenu des cellules montre "bonjour le monde", mais ils montrent juste "bonjour".
Selon http://ui-grid.info/docs/#/tutorial/305_appScope , la grille a sa propre portée isaloted, vous devez donc utiliser grid.appScope
pour accéder à la portée de votre application. La solution consiste à changer le modèle de cellule en:
cellTemplate: '<div>{{ "hello " + grid.appScope.world() }}</div>'