web-dev-qa-db-fra.com

Le navigateur ne demande pas de sauvegarder le mot de passe Angular application

Je travaille sur une application Angular qui commence par un portail de connexion. J'utilise le modèle suivant pour mon écran de connexion:

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>

Malheureusement, chaque fois qu'un utilisateur est connecté, le gestionnaire de mots de passe de Chrome ne demande pas à stocker les informations d'identification. Les gestionnaires de mots de passe comme Lastpass proposent toutefois de le stocker. Que pourrais-je améliorer pour résoudre ce problème?

angulargoogle-chrome
14
hY8vVpf3tyR57Xib

Vous voudrez peut-être regarder ceci: Angularjs Chrome dilemme autocomplete Chrome

et aussi Correction de l'auto-complétion (remplissage automatique) sur Angular et ne manquez pas celui-ci Solution de remplissage automatique du navigateur AngularJS à l'aide d'une directive

Tout ce dont vous avez besoin est une directive personnalisée pour gérer cette situation.

J'espère que cela pourra aider !

Je vous remercie !

1
SHOHIL SETHIA

Si vous activez l'indicateur Chrome chrome: // flags/# enable-password-force-saving, une icône de clé apparaît dans la barre d'adresse dès qu'un formulaire est visible. En cliquant dessus, la bulle de sauvegarde du mot de passe apparaîtra.

1
nickcrabtree

Il n'y a pas de problème avec le code. Il se trouve avec les paramètres du navigateur. Le code fonctionne bien dans mon navigateur Firefox.

Si vous utilisez google chrome , veuillez vérifier si les paramètres de remplissage automatique sont activés.

Etapes pour vérifier:

  1. Icône Hamburger présente en haut à droite du navigateur.

  2. Cliquez sur paramètres.

  3. Rechercher des paramètres de remplissage automatique. Assurez-vous qu'il est allumé.

0
Gopal Abbineni

Essayez cette solution:

Procédure à suivre pour que Google Chrome propose de sauvegarder (invite) un mot de passe pour un site particulier (par exemple, abcd.com) et de se connecter automatiquement au site avec les informations d'identification ainsi enregistrées.

-> Aller à l'URL donnée 'abcd.com'

-> Cliquez avec le bouton droit de la souris sur les informations sur la page et désactivez "JavaScript".

-> Recharger la page.

-> Entrez les informations d'identification (uid, pwd)

-> Une invite apparaît pour enregistrer le mot de passe.

-> Cliquez sur Enregistrer le mot de passe.

-> La bulle d'extension de connexion automatique apparaît sur cette page.

À ce stade, il est important car l'extension 'Auto-Login' (comme beaucoup d'autres extensions) nécessite l'activation de JavaScript.

-> Réactivez le JavaScript pour cette page et rechargez la page.

-> Maintenant Cliquez sur la bulle 'Auto-Login' pour vous souvenir de vous connecter automatiquement au site ci-après!

0
Ebraheem Alrabee'