angular - 剑道 Angular 下拉列表以编程方式设置值

Question

使用剑道 Angular 下拉菜单，我可以设置数据和默认值，但由于某种原因，稍后从可用选项中设置值不起作用？

我有一个基本数据模型 {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>

请忽略拼写错误，因为我每年都会输入此代码 - 代码位于封闭系统中。

另外，其他一切都正常'我可以设置数据，我可以获取选定的值。

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>

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

我猜您已经查看了使用下拉菜单进行值绑定(bind)的文档，但以防万一，here it is .