ember 中物化中输入文本框上的标签和值重叠

Question

我已经使用“bower install Materialize”在我的 Ember 应用程序中安装了 Materialize 插件

我在我的哈佛商学院创建了一个表格--

> <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

当输入已经有值时，您需要以这种方式初始化它。

去看看文档吧。（寻找预填充文本字段）

在 JavaScript 中，执行以下操作：

Materialize.updateTextFields();

或者将类添加active到标签中。

更新：根据新文档，以下代码是正确的：

M.updateTextFields();

Answer 2

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

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