Angular 2 - 删除自动保存用户名和密码答案

【问题标题】：Angular 2 - remove auto save username and passwordAngular 2 - 删除自动保存用户名和密码
【发布时间】：2018-04-08 09:24:27
【问题描述】：

我有一个登录表单，我使用 Angular 2 表单验证完成了验证，如下所示。

  <form name="form" (ngSubmit)="f.form.valid && login()" #f="ngForm" novalidate class="loginForm">
    <div class="form-group" [ngClass]="{'has-error': f.submitted && !username.valid}">
      <label class="lbl">*Username</label>
      <input type="text" class="form-control uname" name="username" autofocus [(ngModel)]="model.username" #username="ngModel" required
        >
      <div class="alert alert-danger" [hidden]="!f.submitted || (username.touched && username.valid)">User Name is required</div>
    </div>

我使用了 ngModel="model.username" 因为模型是一个对象，我将在其中将用户名和密码发送到后端。

表单，验证工作正常，但是当用户使用自动保存的浏览器保存用户名和密码，然后打开页面并单击登录按钮时，验证失败并给出错误消息。我想从浏览器中删除自动保存的详细信息，或者如果数据已经存在，它应该验证为真。

我们将不胜感激。

【问题讨论】：

标签： angular angular-forms

【解决方案1】：

这与 Angular 无关。在form 元素上添加autocomplete="off" 属性以禁用浏览器提供的自动完成功能。

【讨论】：

嗨，Pankaj，感谢您的回复，我明白了，但是我想验证浏览器保存的用户名和密码字段，有什么解决方法吗？

【解决方案2】：

只需在form的输入字段中添加以下属性 autocomplete="new-password"

<input type="password" autocomplete="new-password" />

如果您有密码字段，请将其添加到密码输入字段。

【讨论】：