javascript - paper-input 将输入和标签显示在彼此之上

Question

我有以下 HTML

<paper-input-container>
    <label>Name</label>
    <input is="iron-input" value="{{name}}">
</paper-input-container>

现在，当我开始在此字段中输入内容时，标签会很好地移动到输入上方(如预期)。但是，当最初 name 已经有一个值时，标签不会执行所有这些操作，因此名称和标签都位于彼此之上。有什么建议如何解决这个问题吗？

Answer 1

由于您使用的是iron-input，您应该尝试bind-value。

所以这会起作用 -

<paper-input-container>
    <label>Name</label>
    <input is="iron-input" bind-value="{{name}}">
</paper-input-container>