ログインポータルで始まる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などのパスワードマネージャーは資格情報の保存を提案しています。これを修正するために何を改善できるでしょうか?
Chromeフラグchrome:// flags /#enable-password-force-savingをオンにすると、フォームが表示されるたびに、アドレスバーに鍵のアイコンが表示されます。これをクリックすると、ポップアップする「パスワードの保存」バブル。
あなたはこれを見てみたいかもしれません: Angularjs Chrome autocomplete dilemma
また、 Angularでのオートコンプリート(オートフィル)の修正 そして、これをお見逃しなく ディレクティブを使用したAngularJSブラウザーのオートフィルの回避策
必要なのは、その状況を処理するためのカスタムディレクティブだけです。
お役に立てば幸いです。
ありがとうございました !
コードに問題はありません。ブラウザの設定にあります。コードは私のFirefoxブラウザで正常に動作します。
google chromeを使用している場合は、自動入力設定がオンになっているかどうかを確認してください。
確認する手順:
ブラウザの右上にあるハンバーガーアイコン。
設定をクリックします。
自動入力設定を検索します。スイッチがオンになっていることを確認してください。
この解決策を試してください:
Googleを作成する手順Chrome特定のサイト(例:abcd.com)のパスワードを保存(プロンプト)し、保存された認証情報でサイトに自動ログインすることを提案します。
->指定されたURL「abcd.com」に移動します
-> [ページ情報]を右クリックして[JavaScript]を無効にします
->ページを再読み込みします。
->資格情報を入力します(uid、pwd)
->パスワードを保存するためのプロンプトが表示されます。
-> [パスワードを保存]をクリックします。
->自動ログイン拡張機能のバブルがこのページに表示されます。
拡張機能「自動ログイン」(他の多くの拡張機能と同様)ではJavaScriptを有効にする必要があるため、この時点で重要です。
->このページのJavaScriptを再度有効にして、ページを再読み込みします。
->「自動ログイン」バブルをクリックして、今後サイトに自動的にログインすることを思い出してください!