纸张输入显示输入和标签在彼此之上

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>