我正在开发一个以登录门户开头的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这样的密码管理器确实提供存储它。我有什么可以改进来解决这个问题?
你可能想看看这个:Angularjs Chrome autocomplete dilemma
还有Fixing autocomplete (autofill) on Angular,不要错过这一个AngularJS browser autofill workaround by using a directive
您只需要一个自定义指令来处理这种情况。
希望有帮助!
谢谢 !
如果您打开Chrome标记chrome:// flags / #enable-password-force-saving,那么只要表单可见,您就会在地址栏中获得一个关键图标。单击此按钮将强制弹出“保存密码”气泡。
尝试此解决方案:
使Google Chrome提供的步骤是为特定网站(例如abcd.com)保存(提示)密码,并使用保存的凭据自动登录网站。
- >转到给定的网址'abcd.com'
- >右键单击“页面信息”并禁用“JavaScript”
- >重新加载页面。
- >输入凭据(uid,pwd)
- >出现提示保存密码。
- >单击“保存密码”。
- >此页面上显示自动登录扩展气泡。
此时它很重要,因为扩展“自动登录”(与许多其他扩展一样)需要启用JavaScript。
- >重新启用此页面的JavaScript并重新加载页面。
- >现在点击“自动登录”气泡,记住以后自动登录网站!
代码没有问题。它取决于浏览器设置。代码在我的firefox浏览器中工作正常。
如果您使用谷歌浏览器,请检查自动填充设置是否已打开。
检查步骤: