具有AngularJS编译模板的Ag-Grid标头组件

Question

我想在AngularJS（v1.6.8）页面上的网格中使用Ag-Grid头组件。我可以使用this answer来使组件正常工作，但是它似乎不像不推荐的headerCellRenderer那样编译AngularJS。

如何使Header Component编译AngularJS？

有关基本示例，请参见此处：https://embed.plnkr.co/mUmNL1/

Answer 1

您需要为此使用$compile服务。

getTemplate = function () {
  var str = $compile('<span ng-click="alertMsg()">{{getLabel()}}</span>')($scope)[0];
  return str;
};

看看这个小家伙：ag-grid angularjs custom header component

此外，按照以下示例，您将需要对CustomerHeader的{​​{1}}函数进行少量更改：Angular 1.x and ag-Grid Components

init