使用Materialize CSS在Angular 2表单上自动完成

时间:2016-08-10 08:06:41

标签: javascript angular angular-material materialize

今天我想和你谈谈我在自动完成方面遇到的问题。我正在研究Angular 2 RC4项目,我必须创建一些表格。某些输入表单必须具有自动完成功能才能帮助用户。

使用Angular魔法,当您使用ngModel在输入中写入时,输入的数据会自动保存在我们选择的普通变量中。

[(ngModel)]="myVariable"

所以!我使用Materialise css的自动功能!当我在输入中写入时,自动完成工作并向我展示了几种解决方案。然而 当我点击我的某个解决方案时,它会显示在我的输入中,但不会更改我的变量中的数据。

这是我的输入代码!

<div class="input-field col s12">
    <input placeholder="Unité" id="srcUnit" type="text" required [(ngModel)]="model.fields[0].resource.unit"
           class="autocomplete"
           name="srcUnit" materialize="autocomplete"
           [materializeParams]="[{data:unitsList}]">
    <label for="srcUnit">Unité</label>
</div>

我的所有ngModel输入在没有自动完成功能时都能正常工作

感谢您的帮助!

0 个答案:

没有答案