在ag-grid header中渲染aurelia自定义元素

Question

在ag-grid标题单元格中渲染自定义元素有没有“简单”的方法？ headercomponent接口看起来像一个看似简单的问题过于繁琐的方法，我没有成功的这种方法。我来最接近的是使用类似：

header-cell-render.bind="myHeaderRenderer"

这是目前返回HTML字符串的函数。虽然这个“有效”（尽管我明白它已被弃用），但是在html被注入到DOM中的意义上，只有原始HTML呈现。这意味着我可以返回类似：

<input type="checkbox" />

，它会呈现一个复选框，但我不能返回类似：

<my-custom-element></my-custom-element>

我可以看到在DOM该标记，但元素不会“处理”，即控件的Aurelia方面不会执行。

我正在使用ag-grid，ag-grid-aurelia的最新版本。

任何帮助将不胜感激。

Answer 1

这是目前ag-grid-aurelia开箱不可能的。

这是因为ag-grid-aurelia makes no special handling这个绑定。正确的处理方法是使用replaceable parts，它允许您为Aurelia注入和使用指定一个模板。 ag-grid使这变得更加困难，因为它似乎是将内容注入标题的唯一本地工具，它是by passing an HTML string or an HTML element in the column configuration。这可能会通过使用可替换部分和装饰器的组合来添加到ag-grid-aurelia库，以访问aurelia呈现的标题元素并将其传递到列配置。