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

【问题标题】：Browser does not ask to save password Angular application浏览器不要求保存密码 Angular 应用程序
【发布时间】：2018-03-09 04:07:15
【问题描述】：

我正在开发一个从登录门户开始的 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 这样的密码管理器确实提供存储它。我可以改进什么来解决这个问题？

【问题讨论】：

可能是因为您在localhost 上单击了此域的NEVER 选项？
登录方法里面是什么？成功登录后是否重定向？当我测试它时，当没有请求被触发（订阅）或者屏幕上没有重定向/视觉变化时它也不起作用
你使用的是http还是https？
我正在使用 https

标签： angular google-chrome

【解决方案1】：

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

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

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

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

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

这里的工具仍在测试中，不一定稳定。还有一种可能性，无论多么小，安全问题。如果这是你可以忍受的东西，那么这里有一些真正的宝石。

【讨论】：

添加更多详细信息。应该如何添加这个标志

【解决方案2】：

你可能想看看这个： Angularjs Chrome autocomplete dilemma

还有Fixing autocomplete (autofill) on Angular 不要错过这个AngularJS browser autofill workaround by using a directive

您只需要一个自定义指令来处理这种情况。

希望有帮助！

谢谢！

【讨论】：

您的链接是关于 AngularJS 1.x 的。问题是关于 Angular 2+
您应该可以通过这些链接获得相关信息！

【解决方案3】：

试试这个解决方案：

让谷歌浏览器提供保存（提示）特定网站（例如 abcd.com）的密码并使用保存的凭据自动登录该网站的步骤。

-> 转到给定的 URL 'abcd.com'

-> 右键单击页面信息并禁用“JavaScript”

-> 重新加载页面。

-> 输入凭据（uid,pwd）

-> 提示保存密码。

-> 点击保存密码。

-> 自动登录扩展气泡出现在此页面上。

此时它很重要，因为扩展“自动登录”（与许多其他扩展一样）需要启用 JavaScript。

-> 重新启用此页面的 JavaScript 并重新加载页面。

-> 现在单击“自动登录”气泡以记住以后自动登录该站点！

【讨论】：

【解决方案4】：

代码没有问题。它与浏览器设置有关。代码在我的 Firefox 浏览器中运行良好。

如果您使用的是 google chrome，请检查是否开启了自动填充设置。

检查步骤：

浏览器右上角显示汉堡图标。
点击设置。
搜索自动填充设置。确保它已打开。

【讨论】：