Angular 2 Polymer 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} ]

我希望当用户从列表中选择一个值时，显示的值为所选值 + 后缀（例如：用户从下拉列表中选择值 "apples" 并且显示的值为 "apples-test".

Answer 1

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

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

Angular 2 Polymer Vaadin combo-box set value programatically

combobox

vaadin

polymer

angular