在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>
答案 0 :(得分:1)
在headerCellRenderer
中,将其用作params.changeAllAssignedRegHrs = function() {}
,可以解决触发ng-click
的问题。