kątowa UI siatki, dodając przycisk do komórki wiersza poprzez szablonów

Question

mam następujący 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>' 
    }]; 

nie działa przycisk, pokazy, ale po kliknięciu jej nie wywołując funkcję. Śledzę ich przewodnik Here i używam ui-grid - v3.0.0-RC.18.

Mam następujące dla mojego html.

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

Próbowałem też dodać external-scope ale nie zrobić różnicę ..

pomysłów?

Answer 1

Moje kliknięcie dla przycisku w wierszu ui-grid wygląda następująco.

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

Moje kontroler ma zakres $ wstrzyknięta została pierwsza linia tworzy odniesienia (wierzę) do zakresu zewnętrznego.

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

HTML wygląda tak, jak w przypadku zewnętrznego zakresu.

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

Oto cała moja cellTemplate czy to pomaga ...

<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>