2

ag-grid では、ヘッダー列の 1 つに次のものがあります。

 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);
 }

しかし、上記のスパン要素のクリックイベントをクリックすると、発生しません。それを修正する方法を教えてもらえますか？

私のグリッドオプションで指定しました：

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

1 に答える 1

1

で、headerCellRendererとして使用するとparams.changeAllAssignedRegHrs = function() {}、 での起動の問題が解決するはずng-clickです。

于 2015-10-24T15:23:34.747 に答える