Angular 2聚合物Vaadin组合框以编程方式设定值

Question

<vaadin-combo-box
             [items]="myValues"
             item-label-path="code"
             item-value-path="code"
             allow-custom-value="true"
></vaadin-combo-box>

我有一个带有对象列表的vaadin-combox-box元素：

[ {code:'x', name:'y} ]

我希望当用户从列表中选择一个值时，显示的值将是所选值+后缀（例如：用户选择值＆＃34; apples＆＃34;从下拉列表中显示的值是＆＃34;苹果测试＆＃34;

Answer 1

您可以使用自定义项模板在下拉列表中显示其他值，而不是输入中显示的实际标签值：https://cdn.vaadin.com/vaadin-core-elements/master/vaadin-combo-box/demo/item-template.html