如何在字符串数组中使用Angular ui-grid

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { UiGridModule } from 'ui-grid';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, UiGridModule],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
    <div ui-grid [data]="gridData"></div>
  `
})
export class AppComponent {
  gridData: string[] = ['Apple', 'Banana', 'Orange', 'Grapes'];
}

<div ui-grid [data]="gridData">
  <div ui-grid-column field="name" header="Name"></div>
</div>