首页 > 解决方案 > Angular 7 Material Design输入元素,自动完成问题

问题描述

在我的 Angular 7 中,我有一个带有一些输入文本字段的 Material Design 表单;我没有在里面实现任何自动完成命令或函数,你可以从下面的代码中看到。我还尝试从我的 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 属性,但没有成功。

附上图片;非常感谢!

在此处输入图像描述

标签: angularautocompleteangular-materialmaterial-design

解决方案


这似乎不是 Angular Material 的问题,不是。这似乎只是浏览器试图为您自动完成表单中的输入。
尝试将以下内容添加为输入中的第一个属性:

 autocomplete="false"

推荐阅读