AngularJS: Wie kann man aus der UI-Grid-Zellenvorlage auf den Bereich zugreifen?

Question

Wie Zugriff auf $scope von einem UI-Grid-Zelle Vorlage? Hier ist mein Controller-Code:

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

Sehen sie in Aktion hier: http://plnkr.co/edit/WYXeQShHWKDYDs4MIZnP?p=preview

Ich würde erwarten, Zellinhalte „Hallo Welt“ zu zeigen, aber sie zeigen nur „Hallo“.

Answer 1

Gemäß http://ui-grid.info/docs/#/tutorial/305_appScope hat das Grid seinen eigenen isaloted-Bereich, daher müssen Sie grid.appScope verwenden, um auf Ihren Anwendungsbereich zuzugreifen. Die Lösung besteht darin, die Zellenvorlage zu ändern in:

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