Ag-grid Filtre personnalisé: filterParams - cellRenderer dans Angular 1.x

Question

Selon la documentation, https://www.ag-grid.com/best-angularjs-data-grid/index.php, si je mets l'option angularCompileFilters à true dans l'objet options d'une grille, le template dans cellRenderer sera considéré comme une directive Angular .

Cependant, je ne peux que faire fonctionner la compilation Angular pour les cellules - pas les filtres de titre. Est-ce parce que cela ne fonctionne qu'avec la version Ag-Grid-Enterprise? Ou est-ce simplement un bug?

En outre, je ne vois pas non plus d'extraits de code correctement documentés pour cela.

Answer 1

Il fonctionne sur les filtres aussi, il vous suffit de mettre en place un filtre personnalisé:

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) { 
      } 
     } 
} 

La chaîne retournée par getGui seront compilés en tant que composante angulaire.