angular - 如何在 Angular 应用程序中启用表单自动完成

Question

我将一个应用程序迁移到 Angular，现在它不会在返回页面访问时自动填写表单。否则它工作得很好。

我的直觉是，它与 *ngIf 模板表达式以及 Angular 的一般非静态性质有关，但我想知道是否可以做些什么来使表单能够自动填充？

login.component.html:

<div class="container">
  <div class="row">
    <div class="col">
      <hr>
      <form autocomplete="on">
        <div class="form-group">
          <input type="email" class="form-control" placeholder="Email address" name="email" required [(ngModel)]="email" autocomplete="email"/>
        </div>
        <div class="form-group">
          <input type="password" class="form-control" placeholder="Password" name="password" required [(ngModel)]="pass" />
        </div>
        <hr>
        <div class="form-group">
          <button (click)="Register()">Register</button>
          <button (click)="Login()">Sign In</button>
        </div>
      </form>
    </div>
  </div>
</div>

app.component.html:

<app-login *ngIf="!loggedIn"></app-login>

Answer 1

输入属性autocomplete只有两个值on和off。要启用自动完成，您需要使用 autocomplete="on"。您的代码应如下所示:

<input type="email" class="form-control" placeholder="Email address" name="email" required [(ngModel)]="email" autocomplete="on"/>