在 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

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

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

在 javascript 中，执行以下操作：

Materialize.updateTextFields();

或在标签中添加class active。

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

M.updateTextFields();

Answer 2

标签字段添加class="active"，问题将得到解决。

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

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

overlapping of label and value on input text box in materialize in ember

materialize

ember.js