angular - Clarity clr-datagrid 使用自定义过滤器标记，但保留内置过滤/排序功能

Question

clr-dg-column如何为与父clr-datagrid组件的排序/过滤功能相关的组件提供我自己的自定义标记？

我想提供一个始终可见的简单文本输入（或任何自定义标记）（而不是隐藏在过滤器弹出窗口中），但我想保留 Clarity 框架为排序/过滤提供的所有开箱即用功能数据网格的数据。我希望clr-datagrid组件提供的开箱即用的排序/过滤行为与我的自定义标记一起使用。我的意思是在内部clr-dg-column，包含clrDgField绑定的组件将更新父clr-datagrid组件的内部状态。如果父clr-datagrid组件有clrDgRefresh绑定（对于服务器驱动的数据），那么内部状态将被传递给绑定函数。我希望所有这些都能正常工作。

有没有办法将自定义 HTML 连接到父clr-datagrid组件的排序/过滤功能？这是我要做的一个例子：

<clr-dg-column>
  <span>{{myColumnName}}</span> <!-- I want to wire this up so it can still be used to sort when clicked on -->
  <div class="filter-wrapper">
    <input type="text" /> <!-- I want to wire this up so it still filters the column -->
  </div>
</clr-dg-column>

我希望它在功能上等同于这样的东西：

<clr-dg-column [clrDgField]="'my_column'">
  <span>{{myColumnName}}</span>
</clr-dg-column>