Angular5：根据条件隐藏ag-gird行

Question

我收到了来自服务的以下响应，当该响应flag为真时，我必须隐藏整行（我共有 20 列），否则显示它。我怎样才能在ag-grid中实现这一目标？

data = {
    name: "A",
    flag: true
   },
   {
    name: "B",
    flag: false
   },
   {
    name: "C",
    flag: false
   }

我确实尝试了useExternalFilter下面的类似方法，然后我陷入了如何useExternalFilter进一步使用它的困境。任何人都可以指导我完成吗？

this.filterOptions = {
  useExternalFilter: true
};

this.gridOptions = {
  filterOptions:  this.filterOptions
 };

Answer 1

你想要的是这样的：

this.gridOptions = {
  // is always present, so return true
  isExternalFilterPresent: function() { 
    return true; 
  },

  // return true if flag=true
  doesExternalFilterPass: function(rowNode) { 
    return rowNode.data.flag; 
  }
};

有关更多详细信息，请参阅ag-Grid 文档