Javascript 使用物化CSS在Angular 2表单上自动完成

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

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

[(ngModel)]="myVariable"

所以！我正在使用MaterializeCSS的自动竞争！当我在输入中写入时，自动完成功能会工作并向我显示几个解决方案。然而 当我单击某个解决方案时，它会显示在输入中，但不会更改变量中的数据

这是我的输入代码

<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输入在没有自动完成功能时都能工作

谢谢你的帮助