ormulários angulares e gerenciadores de senh
Eu usoFormas angulares para fazer inscrição e login no meu front-end. É uma configuração clássica em que as solicitações POST que saem do formulário são enviadas para uma API de back-en
Os pedidos POST são enviados a partir dosubmit
função que eu registro com(ngSubmit)=onSubmit()
noform
elemento
Gostaria que os gerenciadores de senhas jogassem bola com isso: salve o login / senha na criação do usuário, o preenchimento automático no login, a atualização na alteração da senh
Tudo funciona bem com o Dashlane. Mas recentemente tentei o Lastpass e ele não atendeu aos pedidos. Eu vejo noesta página de ajuda que eles recomendam usar formulários simples. Isso não é uma opção para mim, porque eu gostaria de um UX melhor.
Minha forma típica é:
<form [formGroup]="signupFormModel" (ngSubmit)="onSubmit()"...>
<input matInput
placeholder="Email"
formControlName="email"
type="email"
name="email"
autocomplete="username"
autofill>
<input matInput
, placeholder="Password"
[type]="hide_password ? 'password' : 'text'"
formControlName="password"
autocomplete="new-password"
name="new-password"
autofill>
<input matInput
placeholder="Confirm password"
[type]="hide_password ? 'password' : 'text'"
formControlName="password_confirmation"
autocomplete="new-password"
name="new-password-confirmation"
autofill>
<input mat-raised-button
type="submit"
value="Sign up">
</form>
Pode ver que eu já usoautocomplete
atributo e @ adequadtype
& name
.
Meu palpite é que o Lastpass não intercepta solicitações fora de um evento Submit. Mas não é assim que as formas angulares funcionam. (mas Dashlane parece estar bem com isso)
O que abre a pergunta, pois eu não quero testar todos os gerenciadores de senhas com meus formulários Angular:
Quais são as diretrizes espetaculares para os formulários Angular funcionarem com a maioria dos gerenciadores de senhas?