2015-06-10 9 views
6

Ho appena iniziato a giocare con Polymer 1.0 e sto cercando di eseguire un binding molto semplice alla raccolta. Sono in grado di visualizzare il testo all'interno di dom-repeat, ma il collegamento a due vie per l'inserimento del ferro non funziona. Ho provato una serie di stringhe e oggetti. Senza fortuna.Come eseguire il bind di input a due vie per l'elemento dom-repeat?

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

risposta

6

Passa a: value="{{item.value::input}}" vedere qui: http://plnkr.co/edit/QWdCk7ReXxtdKndwPdqq

+1

Ricordo di aver guardato questo la scorsa notte, ma in qualche modo non ho collegare i puntini. Grazie :-) P.S. Allora qual è il punto di input di ferro allora? ;) –

+0

Grande correzione! Sono andato avanti e pubblicato il problema nel repository polimero per vedere se il motivo per cui il codice originale non funzionava era un bug o un problema di codice: https://github.com/Polymer/polymer/issues/1821 –

Problemi correlati