Data binding 无法将数据绑定到<；输入>；在聚合物2.0中

我正在尝试使用以下代码从我的

获取用户输入：

<paper-input-container id="nameInput">
  <label slot="label">Your name</label>
  <iron-input slot="input">
    <input on-keydown="keypressed" value="{{first}}" id="nameBox">
  </iron-input>
</paper-input-container>

我的

按键功能是：

keypressed(e) {
    console.log(this.first);
}

我已经能够让它与
元素一起工作，但是我无法按照我想要的方式来设计它。如果您知道如何在Polymer 2.0中增加纸质输入的用户输入文本大小，这也会有所帮助。
Polymer需要一个本机
不遵循的事件命名约定，因此您需要的双向数据绑定如下所示：

target-prop="{{hostProp::target-change-event}}"

在您的情况下，这将是：

<input value="{{first::input}}>


或者，您可以先将
绑定到
.bindValue
，这反映了
的
值：

Polymer需要一个本机
不遵循的事件命名约定，因此您需要双向数据绑定，如下所示：

target-prop="{{hostProp::target-change-event}}"

在您的情况下，这将是：

<input value="{{first::input}}>


或者，您可以先将
绑定到
.bindValue
，这反映了
的
值：

@L.Lasiter没问题：）@L.Lasiter没问题：）
<iron-input bind-value="{{first}}">
  <input>
</iron-input>

<dom-module id="x-foo">
  <template>
    <style>
      paper-input {
        --paper-input-container-input: {
          font-size: 40px;
        };
      }
    </style>
    <paper-input label="My label" value="My value"></paper-input>
  </template>
</dom-module>