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>

paper-input show input and label on top of each other