2015-10-19 4 views
2

Dans ag-grille, l'une des colonnes d'en-tête, je donne les résultats suivants:AngularJS cellule d'en-tête grille ag click événement ne se déclenche pas jusqu'à

headerCellRenderer : function(params) { 
         params.$scope.assignRegHrsInput = ""; 
         return '<span>' + data.headerName + '</span></br><input class="exp-param-header-input" type="text" ng-model="assignRegHrsInput"> </br> <span ng-click="changeAllAssignedRegHrs(assignRegHrsInput)"> <span class="glyphicon glyphicon-download"></span> Apply To All</span>' 
        } 

Et j'ai

$scope.changeAllAssignedRegHrs = function(tobeChanged) { 
    alert(tobeChanged); 
} 

Mais quand Je clique sur l'élément de clic ci-dessus, l'élément de clic ne se déclenche pas. Quelqu'un peut-il m'aider à le réparer?

Dans mes options de grille j'ai indiqué:

angularCompileRows: true, 
angularCompileHeaders: true 

Mais encore l'événement ng-cliquez sur la durée n'est pas tirer vers le haut.

Dans la console du navigateur, je peux voir ma tête pour cette période comme indiqué ci-dessous:

<span class="ng-scope"> 
<span>R Hours</span> 
<br> 
<input class="exp-param-header-input ng-pristine ng-untouched ng-valid" type="text" ng-model="assignRegHrsInput"> 
<br> 
<span ng-click="changeAllAssignedRegHrs(assignRegHrsInput)"> 
<span class="glyphicon glyphicon-download"></span> 
Apply To All 
</span> 
</span> 
+0

à quoi ressemble votre en-tête? pouvez-vous voir "Appliquer à tous" et cliqué sur ce texte? – YOU

+0

J'ai modifié ma question en fonction de l'aspect de mon en-tête dans le navigateur. Vous pouvez voir dans ce html, ng-clik est là –

+0

si vous mettez 'ng-click =" changeAllAssignedReg .... 'sur' R Heures ', ça va marcher? Aussi quelle version de ag-grille utilisez-vous ? – YOU

Répondre

1

En headerCellRenderer, en utilisant comme params.changeAllAssignedRegHrs = function() {}, devrait résoudre le problème de la mise à feu du sur ng-click.