angular - 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 属性,但没有成功。
附上图片;非常感谢!
解决方案
这似乎不是 Angular Material 的问题,不是。这似乎只是浏览器试图为您自动完成表单中的输入。
尝试将以下内容添加为输入中的第一个属性:
autocomplete="false"
推荐阅读
- python - 有没有更好的方法将方法作为参数传递?
- python - Selenium Python 中的 NoSuchElementException
- kotlin - 如何在 CoroutineWorker 中使用带柄的依赖注入?
- powerbi - DAX如何忽略某些切片器?
- excel - 复制和粘贴带有条件的数据
- django - 在位于不同目录的 Django 模板中包含一个 .html 文件
- web-config - Blazer 服务器应用程序 - 添加 web.config 设置
- c# - 当我尝试从子类(继承)为基类设置值时,它不起作用(Unity C#)
- javascript - 反应:将道具从 useState 钩子传递给组件
- java - 如何实现多个属性的绑定以相互监听?