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

Question

我已经使用'bower install materialize'

在我的ember应用中安装了materialize插件

我在我的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添加到标签。