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

前端之家收集整理的这篇文章主要介绍了angularjs – Ag-grid自定义过滤器:filterParams – Angular 1.x中的cellRenderer前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
根据文档 https://www.ag-grid.com/best-angularjs-data-grid/index.php,如果我在网格的选项对象中将angularCompileFilters选项设置为true,则cellRenderer中的模板将被视为Angular指令.

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

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

解决方法

它也适用于过滤器,您只需要设置自定义过滤器:

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

猜你在找的Angularjs相关文章