如何使用聚合物中的输入值自动生成纸卡

Question

如何使用聚合物输入值自动生成纸卡。这就是我现在和我在一起的。

然后单击按钮删除纸卡。我如何调用卡上的所有值并将其显示为不同的卡并能够将其删除。

<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/paper-card/paper-card.html">
<link rel="import" href="../bower_components/paper-input/paper-input.html">
<link rel="import" href="shared-styles.html">

<dom-module id="my-view6">
    <template>
      <style include="shared-styles">
      :host {
        display: block;
        padding: 10px;
      }
      </style>

Html部分

        <paper-input label="User Name" value={{username}} id="username" always-float-label maxlength="4" required error-message="Country Code Required"></paper-input>
        <paper-input label="Mobile Number" always-float-label value={{mobile}} minlength="10" maxlength="16" allowed-pattern="[0-9]" id="mobile" required error-message="Phone number Required as per the country code scheme"></paper-input>
        <paper-input label="Password" value={{password}} id="password" type="password" always-float-label minlength="6" required error-message="Password must be alleast 6 characters long">

        <paper-card></paper-card>

Javascript Part

 <script>
  Polymer({
    is: 'my-view1',

    properties: {
      username: {
        type: String
      },
      mobile: {
        type: Number
      },
      password: {
        type: String
      },
      </script>
      </template>
      </dom-module>