在ember中实现输入文本框上的标签和值重叠

Question

我已经使用“bower install materialize”在我的 ember 应用中安装了物化插件

我已经在我的 hbs 中创建了一个表单--

> <div class="input-field col s12 m12 l8">
>               <i class="material-icons prefix">email</i>
>               {{input id="email" type="text" name="email" class="validate" value="overlap"}}
>               <label for="email">Email<i class="mandatoryIcon">*</i></label>
>             </div>

但在 ui 中，此标签和值正在重叠。需要解决这个问题。。 怎么办？？？？

Answer 1

标签字段添加class="active"，问题就解决了。

<label for="email" class="active" >Email<i class="mandatoryIcon">*</i>

Answer 2

当输入已经有值时，你需要这样初始化它。

去看看documentation。 （查找预填充文本字段）

在 javascript 中，执行以下操作：

Materialize.updateTextFields();

或将active 类添加到标签中。

更新：基于新的documentation，以下代码是正确的：

M.updateTextFields();