如何在 Ag-Grid 的纯 JS 渲染器中使用 Angular Material 组件？

Question

我正在尝试在原生 JavaScript 渲染器中使用 Angular Material 组件，因为 ag-grid 文档中说，使用框架渲染器会很慢。

然而，如果我只是将 Material 组件代码放入原生 JavaScript 中，它就不能正确呈现 Material 组件。

class plainJsRadioRenderer {
  eGui: any;

  // 初始化方法，在渲染器被使用之前调用一次
  init(params) {
      // 创建单元格
      this.eGui = document.createElement('div');
      this.eGui.innerHTML = `<mat-radio-button>Option 1</mat-radio-button>`;
  }

  getGui() {
      return this.eGui;
  }

  // 每次单元格刷新时调用
  refresh(params) {
    return false;
  }
}

以上是我的尝试，但它只会直接将 mat-radio-button 粘贴到网格单元格中而没有处理。

因此，如何在原生 JavaScript 渲染器中使用 Material 组件？ 谢谢。