2015-06-10 9 views
6

Ich habe gerade angefangen mit Polymer 1.0 zu spielen und versuche eine sehr einfache Bindung an die Sammlung zu machen. Ich bin in der Lage, Text innerhalb dom-Wiederholung anzuzeigen, aber die Zwei-Wege- Bindung an Eisen-Eingang funktioniert nicht. Ich versuchte Array von Zeichenfolgen und Objekten. Kein Glück.Wie bidirektionale Bindung Eisen-Eingang zu Dom-Wiederholung?

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

Antwort

6

Wechsel zu: value="{{item.value::input}}" Siehe hier: http://plnkr.co/edit/QWdCk7ReXxtdKndwPdqq

+1

ich in dieser letzten Nacht erinnere mich, aber irgendwie habe ich nicht die Punkte verbinden. Danke dir :-) P.S. Was ist dann der Sinn der Eisen-Eingabe? ;) –

+0

Großartige Lösung! Ich ging voran und postete das Problem im Polymer-Repo, um zu sehen, ob der Grund, warum der ursprüngliche Code nicht funktionierte, ein Bug oder ein Code-Problem war: https://github.com/Polymer/polymer/issues/1821 –