清除ag-grid和angular2中的数据

import { GridApi } from 'ag-grid-community';
import { AgGridAngular } from 'ag-grid-angular';

gridApi: GridApi;
@ViewChild('agGrid') agGrid: AgGridAngular;

<ag-grid-angular #agGrid [rowData]="rowData" [columnDefs]="columnDefs" (gridReady)="onGridReady($event)"></ag-grid-angular>

onGridReady(params) {
  this.gridApi = params.api;
}

this.gridApi.setRowData([]);

import { Component, ViewChild } from '@angular/core';
import { GridApi } from 'ag-grid-community';
import { AgGridAngular } from 'ag-grid-angular';

@Component({
  selector: 'app-grid',
  template: `
    <ag-grid-angular #agGrid [rowData]="rowData" [columnDefs]="columnDefs" (gridReady)="onGridReady($event)"></ag-grid-angular>
    <button (click)="clearData()">清除数据</button>
  `,
  styles: []
})
export class GridComponent {
  gridApi: GridApi;
  @ViewChild('agGrid') agGrid: AgGridAngular;

  rowData = [
    { make: 'Toyota', model: 'Celica', price: 35000 },
    { make: 'Ford', model: 'Mondeo', price: 32000 },
    { make: 'Porsche', model: 'Boxster', price: 72000 }
  ];

  columnDefs = [
    { headerName: 'Make', field: 'make' },
    { headerName: 'Model', field: 'model' },
    { headerName: 'Price', field: 'price' }
  ];

  onGridReady(params) {
    this.gridApi = params.api;
  }

  clearData() {
    this.gridApi.setRowData([]);
  }
}