配置kendo-list-view以在带有angular的网格中显示

npm install @progress/kendo-angular-common @progress/kendo-angular-l10n @progress/kendo-angular-popup @progress/kendo-angular-buttons

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

// 导入 Kendo ListView 模块
import { ListViewModule } from '@progress/kendo-angular-listview';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    // 添加 Kendo ListView 模块到 imports 数组中
    ListViewModule
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

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

@Component({
  selector: 'app-root',
  template: `
    <kendo-listview [data]="data">
        <ng-template let-item="dataItem">
            {{item}}
        </ng-template>
    </kendo-listview>
  `
})
export class AppComponent {
  data: string[] = ['Item 1', 'Item 2', 'Item 3'];
}