angolare UI griglia, l'aggiunta di un pulsante a una cella della riga tramite template

Question

ho ottenuto il seguente gridOptions.columnDefs

$scope.generateReport = function(row) { 
    alert("Test"); 
}; 

$scope.gridOptions.columnDefs = [ 
    { name: 'Action', 
     cellEditableCondition: false, 
     cellTemplate: '<button ng-click="grid.appScope.generateReport(row)"> 
         Report 
         </button>' 
    }]; 

Non funziona, il pulsante mostra, ma una volta cliccato il suo non chiamare la funzione. Sto seguendo la loro guida Here e sto usando ui-grid - v3.0.0-RC.18.

Ho ottenuto quanto segue per il mio html.

 <div id="grid1" 
      ui-grid="gridOptions" 
      ui-grid-cellnav 
      ui-grid-edit 
      ui-grid-expandable 
      ui-grid-exporter 
      class="myGrid"> 
     </div> 

Ho anche cercato di aggiungere un external-scope, ma non ha fatto la differenza ..

Tutte le idee?

Answer 1

Il mio ng-clic per un pulsante in una riga della griglia è simile a questo.

ng-click="getExternalScopes().delete($event, row) 

Il mio controller ha $ scope iniettato e la prima riga crea il riferimento (credo) all'ambito esterno.

app.controller("MyController", function ($scope) { 
$scope.$scope = $scope; 

L'HTML si presenta così, che si riferisce all'ambito esterno.

<div ui-grid="gridOptions" class="someClass" external-scopes="$scope" ui-grid-selection ui-grid-resize-columns></div> 

Ecco tutta la mia CellTemplate se aiuta ...

<div class="ui-grid-cell-contents ng-binding ng-scope"><button class="btn btn-danger {{getExternalScopes().deleteButtonClass(row)}} btn-xs btn-block" ng-click="getExternalScopes().delete($event, row)"><span class="glyphicon glyphicon-trash"></span></button></div>