2016-04-02 12 views
0

durumumu ve ne yapmak istediğimi açıklamama izin verin. en i 2 özel öğeleriÖğe içeriğini nasıl dizime koyarım? (Polimer dom-tekrarı için)

var diyelim

x register.html ve x card.html-kayıt x register.html olarak

bir statik x kayıt kartlı ama eklemek düğmesi de var Daha fazla kart (5'e kadar).

i diziye benim x-kayıt-card.html içeriğini koyun ve sonra Burada

<templare is="dom-repeat" item="cardArray" as="card"> 
    <section> <!-- wrapper for each card --> 
    <x-register-card></x-register-card> <!-- dynamic element --> 
    </section> 
</template> 

olarak benim ana unsuru (x-register.html) kullanmak benim x kodudur yapmak tam olarak nasıl -Kayıt Ol-card.html

<template> 
    <style include="shared-styles"> 
    /* Element */ 
    :host { 
    display: block; 
    } 

</style> 

    <h4>Register</h4> 
    <paper-input label="Username"></paper-input> 
    <paper-input label="First Name></paper-input> 
    <paper-input label="Surname"></paper-input> 
    <paper-input label="Password" type="password"></paper-input> 

<template> 
<script> 
(function() { 
    'use strict'; 
    Polymer({ 

    /** 
    * Element configuration. 
    */ 
    is: 'x-register-card', 
    property: { 
     role: { 
     type: String, 
     value: "" 
     } 
    } 


    }); 
})(); 
yılında

Mülkiyet rol x-kayıt-kart sadece Dize <x-register-card role="My friend"><x-register-card>

olarak kullanılır

İçeriği yakalamaya çalışıyorum (belki de kimliğidir ve diziye aktarın) - diyelim ki dizimde zaten 3 öğe var, bu yüzden x-register.html dosyamda 3 kayıt kartı var. Bunu nasıl yaparım?

// Soru ** sizin ** içeride nedir

+0

düzenlenebilir? İçerdeki özellikler neler? –

+0

Bu soru yeterli bilgi sağlamaz, lütfen soruyu geliştirin ve daha fazla kod ekleyin. –

+0

Soru düzeltildi, daha fazla kod ekledim. –

cevap

0
<template is="dom-repeat" items="[[cards]]" as="card"> 
    <section> 
    <x-register-card header="[[card.header]]" text="[[card.text]]"></x-register-card> 
    </section> 
</template> 

<script> 
    ... 
    function add() { 
    this.push('cards', {header: 'card', text: 'some text'}); 
    } 
    ... 
</script> 
+1

Cevabınıza göre, kodumun beklendiği gibi çalışmasını nasıl sağlayabileceğimi anladım. –