Angular 2 - 使用ng-reflect-model自动填充问题

时间:2018-05-08 09:33:48

标签: angular autocomplete angular2-forms

输入我自动填充了邮件ID 我尝试过使用autocomplete =" none | false | no但没有更改,

代码:

 <input  [(ngModel)]="query"  type="text" 
 class="form-control search-control" 
 placeholder="Search for orders (by order number)"
 autocomplete="off">

这是我给出的输入

<input _ngcontent-c1="" autocomplete="off"
 class="form-control search-control ng-valid ng-dirty ng-touched"
 placeholder="Search for orders (by order number)" 
type="search" ng-reflect-model="shopadmin@zaska.com">

这是我检查时得到的

enter image description here

自动填充附件图片

如何克服此自动填充问题!

1 个答案:

答案 0 :(得分:1)

我也遇到了同样的问题。 因此,通过以下解决方案,我已经解决了它。

  

步骤1)在表单级别添加autocomplete="off"
  步骤2)在该输入类型上添加autocomplete="fake-email"

注意:'fake-email'只是一个文本,你可以写任何东西而不是那个。

<form autocomplete="off">
    <input type="text" autocomplete="fake-email">
</form>

希望这会对你有帮助..