Arrays 如何将元素的内容放入数组中？（用于聚合物dom重复）

让我描述一下我的情况和我想做什么。 假设我有2个自定义元素

x-register.html和x-register-card.html

在x-register.html中有一个静态的x-register-card，但也有一个添加更多卡片的按钮（最多5张）

我如何准确地将x-register-card.html的内容放入数组，然后在主元素（x-register.html）中使用它

这是我的x-register-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: ""
      }
    }


  });
})();

/*元素*/
：主持人{
显示：块；
}
登记

...
函数add（）{
this.push（'cards'，{header:'card'，text:'some text'}）；
}
...
您的电脑中有什么？里面有什么属性？这个问题没有提供足够的信息，请改进问题并添加更多代码。编辑问题后，我添加了更多代码。非常感谢，根据您的回答，我能够找出如何使我的代码按预期工作！
<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: ""
      }
    }


  });
})();

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