Angular 2 Polymer Vaadin 组合框以编程方式设置值答案

【问题标题】：Angular 2 Polymer Vaadin combo-box set value programaticallyAngular 2 Polymer Vaadin 组合框以编程方式设置值
【发布时间】：2017-04-09 14:13:55
【问题描述】：

<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} ]

我希望当用户从列表中选择一个值时，显示的值是选定的值 + 后缀（例如：用户从下拉列表中选择值“apples”，显示的值是“apples-test” .

【问题讨论】：

标签： angular combobox polymer vaadin

【解决方案1】：

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

【讨论】：