Браузер не просит сохранить пароль Angular application

Я работаю над приложением 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, тем не менее предлагают их хранить. Что я могу улучшить, чтобы исправить это?

Ответ 1

Попробуйте это решение:

Шаги, чтобы Google Chrome предлагал сохранять (запрашивать) пароль для определенного сайта (например, abcd.com) и автоматически регистрировать сайт с сохраненными учетными данными.

- > Перейдите к указанному URL-адресу 'abcd.com'

- > Щелкните правой кнопкой мыши на странице Info и отключите "JavaScript"

- > Перезагрузить страницу.

- > Введите учетные данные (uid, pwd)

- > Появится запрос на сохранение пароля.

- > Нажмите "Сохранить пароль".

- > На этой странице появляется пузырь расширения автодозвона.


В этот момент это важно, потому что расширение "Авто-Вход" (как и многие другие расширения) требует JavaScript включен.

- > Включите JavaScript для этой страницы и перезагрузите страницу.

- > Теперь щелкните по пузырьку "Авто-Вход" для запоминания автоматического входа в сайт в дальнейшем!


Ответ 2

Нет проблем с кодом. Он находится в настройках браузера. Код работает отлично в моем браузере firefox.

Если вы используете Google Chrome, проверьте, включены ли настройки автозаполнения.

Шаги для проверки:


  • Значок гамбургера присутствует в верхней части браузера.

  • Нажмите на настройки.

  • Найдите настройки автозаполнения. Убедитесь, что он включен.

Ответ 3

Вы можете посмотреть на это: Дилемма автозаполнения Chrome Angularjs

а также Фиксация автозаполнения (автозаполнение) на Angular и не пропустите этот обходной способ обозревателя браузера AngularJS с помощью директивы

Все, что вам нужно, это настраиваемая директива для обработки этой ситуации.

Надеюсь, что это поможет!

Спасибо!

Ответ 4

Если вы включите флаг Chrome chrome://flags/# enable-password-force-saving, тогда вы получите значок ключа в адресной строке всякий раз, когда вид виден. Нажатие на это приведет к появлению пузырька "сохранить пароль".