Angular 如何在剑道网格中添加下拉列表

您好，我正在尝试在剑道网格列中添加下拉列表，但下拉列表中未加载数据

我正在尝试从数组加载数据

html文件代码

<kendo-grid-column  title="Status Comments" width="200">
<ng-template kendoGridCellTemplate let-dataItem let- 
rowIndex="rowIndex">
    <kendo-dropdownlist [data]="listItems"
  [textField]="'ProductName'"
  [valueField]="'ProductID'"
  [defaultItem]="placeHolder"
  [valuePrimitive]="true"
  [(ngModel)]="selectedValue"
     >

</kendo-dropdownlist>
<div class="example-config">
    Selected Item: {{selectedValue}}
</div>                   

export class AppComponent implements OnInit {
public listItems: Array<Product> = [];
public placeHolder: Product = { ProductName: 'Select product...', ProductId: null };
 public selectedValue: Product = this.listItems[1]
constructor (@Inject(DataService) private dataService: DataService) { }
ngOnInit() {
  this.dataService.fetchData().subscribe(
    (data) => this.listItems = data
  );
}

所选项目：{{selectedValue}

ts文件代码

<kendo-grid-column  title="Status Comments" width="200">
<ng-template kendoGridCellTemplate let-dataItem let- 
rowIndex="rowIndex">
    <kendo-dropdownlist [data]="listItems"
  [textField]="'ProductName'"
  [valueField]="'ProductID'"
  [defaultItem]="placeHolder"
  [valuePrimitive]="true"
  [(ngModel)]="selectedValue"
     >

</kendo-dropdownlist>
<div class="example-config">
    Selected Item: {{selectedValue}}
</div>                   

export class AppComponent implements OnInit {
public listItems: Array<Product> = [];
public placeHolder: Product = { ProductName: 'Select product...', ProductId: null };
 public selectedValue: Product = this.listItems[1]
constructor (@Inject(DataService) private dataService: DataService) { }
ngOnInit() {
  this.dataService.fetchData().subscribe(
    (data) => this.listItems = data
  );
}

导出类AppComponent实现OnInit{
公共列表项：数组=[]；
公共占位符：Product={ProductName:'Select Product…'，ProductId:null}；
public selectedValue:Product=this.listItems[1]
构造函数（@Inject（DataService）private-DataService:DataService）{}
恩戈尼尼特（）{
this.dataService.fetchData（）.subscribe(
（数据）=>this.listItems=数据
);
}

} 请检查这里。。 html文件

 <kendo-grid [data]="gridData" [height]="410">
 <kendo-grid-column field="ProductID" title="ID" width="40">
 </kendo-grid-column>
 <kendo-grid-column field="ProductName" title="Name" width="50">
 </kendo-grid-column>
 <kendo-grid-column title="In stock" width="80">
 <ng-template kendoGridCellTemplate let-dataItem>
 <kendo-dropdownlist [data]="listItems">
 </kendo-dropdownlist>
 </ng-template>
 </kendo-grid-column>
 </kendo-grid>

---

你能告诉我如何将CategoryName绑定到dropdownlist吗？它存在于Product.ts文件中。