在ag-Grid中，使用数据持久化的方法是通过使用ag-Grid提供的gridOptions对象中的api.getFilterModel()和api.setColumnState()方法来获取和设置过滤器和列状态。

以下是一个使用数据持久化的示例代码：

1. 创建一个Angular组件，并导入AgGridModule和GridOptions：

import { Component } from '@angular/core';
import { AgGridModule, GridOptions } from 'ag-grid-angular';

@Component({
  selector: 'app-grid',
  template: `
    
  `,
})
export class GridComponent {
  gridOptions: GridOptions;

  constructor() {
    this.gridOptions = {
      columnDefs: [
        { headerName: 'Make', field: 'make' },
        { headerName: 'Model', field: 'model' },
        { headerName: 'Price', field: 'price' },
      ],
      rowData: [
        { make: 'Toyota', model: 'Celica', price: 35000 },
        { make: 'Ford', model: 'Mondeo', price: 32000 },
        { make: 'Porsche', model: 'Boxster', price: 72000 },
      ],
      enableFilter: true,
    };
  }
}

2. 在模板中使用gridOptions对象来渲染ag-Grid：

3. 创建另一个组件来显示保存和恢复按钮，并在点击按钮时调用相关方法：

import { Component } from '@angular/core';
import { GridComponent } from './grid.component';

@Component({
  selector: 'app-root',
  template: `
    

      保存
      恢复
    
    
  `,
})
export class AppComponent {
  constructor(private gridComponent: GridComponent) {}

  saveState() {
    const filterModel = this.gridComponent.gridOptions.api.getFilterModel();
    const columnState = this.gridComponent.gridOptions.columnApi.getColumnState();

    // 将filterModel和columnState保存到本地存储或其他地方
  }

  restoreState() {
    // 从本地存储或其他地方获取保存的filterModel和columnState
    const filterModel = // 从本地存储或其他地方获取filterModel
    const columnState = // 从本地存储或其他地方获取columnState

    this.gridComponent.gridOptions.api.setFilterModel(filterModel);
    this.gridComponent.gridOptions.columnApi.setColumnState(columnState);
  }
}

在saveState()方法中，我们使用api.getFilterModel()方法获取当前过滤器的状态，并使用columnApi.getColumnState()方法获取当前列的状态。然后，将这些状态保存到本地存储或其他地方。

在restoreState()方法中，我们从本地存储或其他地方获取保存的filterModel和columnState，并使用api.setFilterModel()和columnApi.setColumnState()方法将这些状态恢复到ag-Grid中。

请注意，保存和恢复的逻辑可能需要根据您的特定需求进行调整。