Polimer dom-repeat alt özelliği, alt bağlantıyı ana bilgisayara dönüştürür.

Question

Özelliklerini düzenlemek için paper-input numaralı alt öğeye sahip bir ana makine öğesi bağlayıcı öğesi dizisine sahibim. Ana makine div öğesinde yansıtılan girdi üzerindeki değer değişimini görmüyorum. Hata ayıklamada olsa bile, ana makine nesnesinin en son düzenlenen name olduğunu görebiliyorum. Bunu otomatik olarak kablolu hale getirmek için ne yapmalıyım?

<!-- Host element --> 
<dom-module id="host-item"> 
    <template> 
      <div> 
      <div>[[selectedEmployee.name]]</div> 
       <template is="dom-repeat" items="[[employees]]" as="employee"> 
        <item-edit item="[[employee]]"></item-edit> 
       </template> 
      </div> 
    </template> 
    <script> 
    Polymer({ 
       is: 'host-item', 
       properties: {     
        selectedEmployee: { 
         type: Object 
        }, 
        employees: { 
         type: Array, 
         value = [ { name: 'Name 1'}, { name: 'Name 2'}, { name: 'Name 2'}] 
        } 
       }, 
       ready: function() { 
        this.selectedEmployee = this.employees[0]; 
       } 
      }); 
    </script> 
</dom-module> 

<!-- Child element --> 
<dom-module id="item-edit"> 
    <template> 
      <paper-input id="input" value="{{item.name}}" error-message="Invalid name!"></paper-input>    
    </template> 
    <script> 
    Polymer({ 
       is: 'item-edit', 
       properties: {     
        item: { 
         type: Object 
        } 
       } 
      }); 
    </script> 
</dom-module> 

Answer 1

2 way binding için kullanın {{employee}}. [[...]] yalnızca bir yol içindir. Özellik tanımında notify: true kullanın.

Alt öğe, üst öğeden önce tanımlanmalıdır. İşte

çalışma örneği Plunk ve benzer Plunk

<item-edit item="{{employee}}"></item-edit> 
... 
employee: { 
       type: Object, 
       notify: true, 
       value: function() { return {name: 'Test' }; } 
      } 

Güncelleme:

Şimdi "çalışanlar" veri nesneleri dizisi şeklindedir. dizilerle çalışma bu soruyu göz atın : Polymer, issue with binding array to paper slider value

Plunk

Dokümanlar: Sorumun Binding to array items