浏览器不要求保存密码Angular应用程序

Question

我正在开发一个以登录门户开头的Angular应用程序.我在登录屏幕上使用以下模板:

的login.html

    <form method="post" name="form" (ngSubmit)="f.form.valid && login()" #f="ngForm" novalidate>
      <fieldset>
        <p>
          <label>Username</label>
          <input type="text" placeholder="e.g. JohnDoe" [(ngModel)]="model.username" #username="ngModel"
                 name="username" required/>
        </p>

        <p [ngClass]="{ 'has-error': f.submitted && !password.valid }">
          <label>Password</label>
          <input type="password" placeholder="Password" name="password" [(ngModel)]="model.password"
                 #password="ngModel" required/>
        </p>
        <p>
        <input type="submit" [disabled]="loading" class="btn" value="Login">
        </p>
      </fieldset>
    </form>

不幸的是,每当用户登录时,Chrome的密码管理器都不会要求存储凭据.像Lastpass这样的密码管理器确实提供存储它.我有什么可以改进来解决这个问题？

Answer 1

过去的情况是（当这个问题最初被问到时），如果你打开 Chrome 标志 chrome://flags/#enable-password-force- saving ，那么每当表单被打开时，你就会在地址栏中看到一个钥匙图标。可见的。单击此按钮将强制弹出“保存密码”气泡。

看来（截至 2020 年 11 月 3 日）该标志已被删除，因此这不再可能。

来自Techradar，但复制到此处以防止链接失效：Chrome 标志是实验性功能，默认情况下尚未成为浏览器的一部分，但只需单击几下即可启用。它们使用简单，可以改变您浏览网络的方式。

要访问“标志”菜单，请在地址栏中输入 chrome://flags 并按 Enter 键。在这里，您将看到一长串选项，每个选项都有一个下拉菜单，可以设置为“默认”、“启用”或“禁用”。它们有很多，因此找到所需的最好方法是按 Ctrl+F 并搜索它。

启用标志后，系统会提示您重新启动浏览器以将其激活。这将关闭并重新打开当前的所有浏览器窗口，因此请确保您已保存正在处理的所有内容。

这里的工具仍在测试中，不一定稳定。还有可能出现安全问题，尽管这种可能性很小。如果这是您可以忍受的事情，那么这里有一些真正的宝石可供选择。