kendo angular dropdown以编程方式设置值

Question

使用kendo angular dropdown， 我可以设置数据和默认值，但由于某种原因，稍后从可用选项设置值不起作用？

我有{id：x，value：y}的基本数据模型。 初始化下拉列表后设置值的正确代码是什么？

使用最新版本的angular和kendo。

使用以下命令初始化值：

public areaModel: {id:number, value: string}

然后我尝试将其设置为：

this.areaModel = {id: data.site.siteId, value: data.site.siteName}

实际下拉列表是：

<kendo-dropdownlist [data]="area" [(ngModel)]="areaModel" [textFIeld]="value" [valueField]="id"></kendo-dropdownlist>

忽略拼写错误，因为我每半年都会输入一次 - 代码是在一个封闭的系统中。

另外，其他一切都在运作＆＃39;我可以设置数据，我可以得到所选的值。

Answer 1

正确的语法应该是：

<kendo-dropdownlist [data]="area" [(ngModel)]="areaModel" textField="value" valueField="id"></kendo-dropdownlist>

您还可以使用value属性设置任何类型的Kendo下拉列表的值。例如，使用Kendo下拉列表，它的工作方式如下：

<kendo-dropdownlist [data]='area' formControlName='area' [value]='area[0]'></kendo-dropdownlist>

当然，在这种情况下，您必须确保区域数组中至少有一个元素。

我猜你已经使用下拉列表查看了关于值绑定的文档，但以防万一，here it is。

Answer 2

this.arrayname.find（x => x.value == api值）

Answer 3

确保在声明组件的当前模块中导入 FormModule。即使在映射 [(ngModel)] 之后，初始选择也没有出现在 UI 中，直到我导入 FormModule。

import { FormsModule } from '@angular/forms';