如何在ag-grid cellEditor组件中渲染角度指令？

Question

我正在尝试在自定义ag-grid单元格编辑器中渲染角度自动完成指令。在渲染时，指令不会被编译，而是在单元格编辑器中打印原始html。反正有没有让它作为角度指令渲染？

Answer 1

我想出了使用angular的$ compile来将angular指令渲染成html的解决方案。

代码：

CategoryEditor.prototype.init = function (params) {
  this.container = document.createElement('div');
  this.container.tabIndex = "0";

  this.dropdown = document.createElement('div');
  this.dropdown.setAttribute("dynamic", "html");
  this.container.appendChild(this.dropdown);
  //My directive is of the form <div dynamic="html"></div>

  var that = this;
  $scope.selectedCallback = function ($item) {
    that.selectCategory($item);
    params.stopEditing();
  };
  $compile(this.container)($scope);
  $scope.$digest();
};

Answer 2

确保使用angularCompileRows = true以使角度1在ag-Grid中工作