How to use two-way binding of iron to dom-repeat element?

Question

I just started playing with Polymer 1.0 and try to make collection collection very simple. I can display the text inside dom-repeat, but the two-way binding to input iron does not work. I tried an array of strings and objects. Bad luck.

<link rel="import" href="bower_components/polymer/polymer.html"> <link rel="import" href="bower_components/iron-input/iron-input.html"> <dom-module id="hello-world"> <template> <ul> <template is="dom-repeat" items="{{data}}"> <li>{{item.value}}</li> </template> </ul> <ul> <template is="dom-repeat" items="{{data}}"> <li><input is="iron-input" bind-value="{{item.value}}"></input></li> </template> </ul> </template> </dom-module> <script> Polymer({ is: "hello-world", ready: function() { this.data = [ { value: "Hello" }, { value: "World!" } ]; } }); </script> 

Answer 1

Change to: value="{{item.value::input}}" See here: http://plnkr.co/edit/QWdCk7ReXxtdKndwPdqq