【问题标题】:Angular 7 Material Design input element, problems with autocompletionAngular 7 Material Design输入元素,自动完成问题
【发布时间】:2019-05-14 18:40:42
【问题描述】:

在我的 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 autocomplete angular-material material-design


    【解决方案1】:

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

     autocomplete="false"
    

    【讨论】:

    • 感谢您的回答,但我的目的是创建一个正确的自动完成功能(每个字段都采用我在对应字段中插入的信息)而不是完全禁用)。
    猜你喜欢
    • 2015-06-13
    • 1970-01-01
    • 1970-01-01
    • 2019-10-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-01-14
    • 1970-01-01
    相关资源
    最近更新 更多