在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呈現的標題元素並將其傳遞到列配置。