Angularjs ag-grid标题单元格单击事件未启动

时间:2015-10-19 13:08:15

标签: angularjs angularjs-directive angularjs-scope ag-grid

在ag-grid中,我有一个标题列:

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

我有

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

但是,当我点击上面的span元素点击事件时,没有启动。可以帮我解决一下吗?

在我指定的网格选项中:

angularCompileRows: true,
angularCompileHeaders: true

但是跨度上的ng-click事件仍未启动。

在浏览器控制台中,我可以看到此跨度的标题,如下所示:

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

1 个答案:

答案 0 :(得分:1)

headerCellRenderer中,将其用作params.changeAllAssignedRegHrs = function() {},可以解决触发ng-click的问题。