浏览器不要求保存密码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

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

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

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

希望有帮助！

谢谢 ！

Answer 2

如果您打开Chrome标记chrome：// flags / #enable-password-force-saving，那么只要表单可见，您就会在地址栏中获得一个关键图标。单击此按钮将强制弹出“保存密码”气泡。

Answer 3

尝试此解决方案：

使Google Chrome提供的步骤是为特定网站（例如abcd.com）保存（提示）密码，并使用保存的凭据自动登录网站。

- >转到给定的网址'abcd.com'

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

- >重新加载页面。

- >输入凭据（uid，pwd）

- >出现提示保存密码。

- >单击“保存密码”。

- >此页面上显示自动登录扩展气泡。

---

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

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

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

---

Answer 4

代码没有问题。它取决于浏览器设置。代码在我的firefox浏览器中工作正常。

如果您使用谷歌浏览器，请检查自动填充设置是否已打开。

检查步骤：

---

1. 汉堡包图标出现在浏览器的右上角。
2. 单击设置。
3. 搜索自动填充设置。确保它已打开。