Vaadin Combobox wert geändert nicht funktioniert

Question

: Ich bin mit Polymer, ich habe versucht, eine App mit Vaadin' Combobox zu bauen, aber die wert geändert Ereignis wird nie ausgelöst ...

In meinem html Ich habe:

<link rel="import" href="../../bower_components/polymer/polymer.html"> 

<link rel="import" href="../../bower_components/vaadin-combo-box/vaadin-combo-box.html"> 

<link rel="import" href="../../bower_components/iron-ajax/iron-ajax.html"> 

<dom-module id="fast-purchase-data"> 
<template> 
<iron-ajax id="placesListAjax" url="../mock-responses/places.json" last-response="{{places}}"></iron-ajax> 
<vaadin-combo-box value-changed="valueChange" label="Places" class="combobox elements-box" items="[[places.data.elements]]" item-label-path="name"></vaadin-combo-box> 
<iron-ajax id="eventsListAjax" url="../mock-responses/events-list.json" last-response="{{resp}}" auto></iron-ajax> 
<vaadin-combo-box value-changed="valueChange" label="Events" class="combobox" items="[[resp.data.elements]]" item-label-path="name"></vaadin-combo-box> 
</template> 

<script> 


(function() { 
'use strict'; 

Polymer({ 
is: 'fast-purchase-data', 

valueChange: function(ev, i){ 
console.log("hey"); 
}, 
_pageChanged: function() { 
this.$.placesListAjax.generateRequest(); 
}, 
}); 
})(); 
</script> 
</dom-module> 

ich kann Daten in meiner Combobox sehen, aber wenn ich seinen Wert ändern ich kann die console.log weder ein Fehler angezeigt. Was vermisse ich?

Answer 1

Der richtige Weg, Event-Listener deklarativ hinzuzufügen, ist on-event-name (docs). Also in Ihrem Fall sollte es wie folgt sein.

<vaadin-combo-box on-value-changed="valueChange" ></vaadin-combo-box>