Ag-grid 自定义过滤器：filterParams - Angular 1.x 中的 cellRenderer

Question

根据文档https://www.ag-grid.com/best-angularjs-data-grid/index.php，如果我在网格的选项对象中将 angularCompileFilters 选项设置为 true，则 cellRenderer 中的模板将被视为 Angular 指令。

但是，我只能使 Angular 编译适用于单元格 - 而不是标题过滤器。是因为它只适用于 Ag-Grid-Enterprise 版本吗？或者它只是一个错误？

此外，我也没有看到任何正确记录的示例 sn-ps。

Answer 1

它也适用于过滤器，您只需要设置一个自定义过滤器：

this.gridOptions = { 
    angularCompileFilters:true,
    columnDefs: [{
        headerName: "My Column",
        field: "MyColumn",
        filter: function () {
            this.init = function (params) {
                //init logic
            } 

            this.getGui = function () {
                return "<p ng-repeat=\"i in \'abc\'\">{{i}}</p>"
            }
            this.isFilterActive = function () { 
                return true; 
            }

            this.doesFilterPass = function (params) {
                //filter logic 
                return true;
            }
            this.getModel = function () {
                return { name: "" }
            }

            this.setModel = function (model) {
            }
      }
}

getGui 返回的字符串将被编译为 Angular 组件。