angular - 浏览器不要求保存密码 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 然后你会在地址栏中得到一个 key 图标一个表格是可见的。单击此按钮会强制弹出“保存密码”气泡。

似乎(截至 2020 年 11 月 3 日)此标志已被删除，因此不再可能。

来自 Techradar但在此处复制以防止链接失效:Chrome Flags 是实验性功能，默认情况下还不是浏览器的一部分，但可以通过几次点击启用。它们使用简单，可以改变您浏览网络的方式。

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

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

此处的工具仍在测试中，不一定稳定。也存在安全问题的可能性，无论多么小。如果这是您可以接受的，那么这里有一些真正的 gem 。