2016-05-23 21 views
3

根據文檔https://www.ag-grid.com/best-angularjs-data-grid/index.php,如果在網格的選項對象中將angularCompileFilters選項設置爲true,則cellRenderer中的模板將被視爲Angular指令。Ag-grid自定義篩選器:filterParams - angularRenderer in Angular 1.x

但是,我只能使單元格的Angular編譯工作 - 而不是標題過濾器。是否因爲它只適用於Ag-Grid-Enterprise版本?或者它只是一個錯誤?

此外,我也沒有看到任何正確記錄的示例片段。

回答

0

它適用於過濾器也一樣,你只需要建立一個自定義過濾器:

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返回的字符串將被編譯成角狀的部件。