Question

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

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

此外，我也没有看到任何正确记录的样本片段。

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返回的字符串将被编译为角度组件。

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

1 个答案: