Angular 7 Material Design输入元素,自动补全问题

时间:2018-12-13 14:06:53

标签: angular autocomplete angular-material material-design

在Angular 7中,我有一个Material Design表单,其中包含一些输入文本字段。正如下面的代码所示,我没有在其中实现任何自动完成命令o功能。我还尝试从Chrome浏览器中删除所有导航数据。

(....)
<mat-form-field class="w-100">
        <input type="text" matInput formControlName="title">
</mat-form-field>
<mat-form-field class="w-100">
        <input type="text" matInput formControlName="name">
</mat-form-field>
(....)

但是,我看到了自动填充建议,该建议不仅从当前字段中获取文本,还从另一个字段中获取文本。换句话说,我看到了以前的“标题”值,过去我也将其作为建议值插入到其他字段中。

我不确定它是否与Material Design本身有关;我搜索了其他解决方案,但是发现“材料自动完成”并不是我所需要的,因为它是一个简单的选项组合框,该组合框从列表(即下拉列表)中获取值。我还尝试了一些HTML属性,但没有成功。

我附上图片;非常感谢你!

enter image description here

1 个答案:

答案 0 :(得分:1)

这似乎不是Angular Material的问题,不是。这似乎是浏览器尝试为您自动填写表格中的输入内容的原因。 尝试将以下内容添加为输入中的第一个属性:

 autocomplete="false"