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

输入的attriubte autocomplete只有两个值on和off。要启用自动填充，您需要使用autocomplete="on"。您的代码应如下所示：

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

Answer 2

您已将autocomplete设置为input元素的html属性，但您已将其设置为"email"，这不是有效值。< / p>

查看documentation on autocomplete。

如果设置autocomplete="on"，您的代码就可以使用。

使用此更改的代码：https://jsfiddle.net/pdzb02yk/2/

如何在角度应用程序中启用表单自动完成

2 个答案: