剑道角度下拉菜单以编程方式设置值

问题描述 投票:3回答:1

使用剑道角度下拉列表,我可以设置数据和默认值,但是由于某些原因,以后无法从可用选项中设置值吗?

i具有{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>

请忽略打字错误,因为我每年输入一次-代码在封闭的系统中。

此外,其他所有内容都在起作用,我可以设置数据,我可以获取选定的值。

angular html.dropdownlistfor kendo-ui-angular2
1个回答
4
投票

正确的语法应该是:

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

您还可以使用value属性设置任何剑道下拉菜单的值。例如,在Kendo下拉列表中,它的工作方式如下:

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

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

我想您已经使用下拉列表研究了绑定值的文档,但是以防万一,here it is

© www.soinside.com 2019 - 2024. All rights reserved.