Angularjs ag-grid标题单元格单击事件未触发

Posted 2023-03-28

【中文标题】Angularjs ag-grid标题单元格单击事件未触发

【英文标题】：Angularjs ag-grid header cell click event is not firing up

【发布时间】：2016-01-17 20:26:27

【问题描述】：

在 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

但是 span 上的 ng-click 事件仍然没有触发。

在浏览器控制台中，我可以看到这个 span 的标题，如下所示：

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

【问题讨论】：

你的标题是什么样的？您能看到“全部应用”并单击该文本吗？

我已经用浏览器中的标题样式编辑了我的问题。你可以在那个 html 中看到，ng-clik 在那里

如果将ng-click="changeAllAssignedReg.... 放在<span>R Hours</span> 上，它会起作用吗？您还使用哪个版本的 ag-grid？

是的，即使那样也是同样的问题。事件没有触发。我正在使用 ag-grid，@version v1.11.1

奇怪，在那个特定版本上看起来也不错 - rawgit.com/S-YOU/ag-docs/master/1.11.1/…

【参考方案1】：

在headerCellRenderer中，将其用作params.changeAllAssignedRegHrs = function() ，应该可以解决触发ng-click的问题。