Amigos soy nuevo en Angular, ya logre hacer la pagina del registro, ahora lo que quiero hacer es poderme loguear desde una ventana emergente de SweetAlert2, estoy trabajando con ngModel, el servicio ya esta probado y funcionando, lo que me sucede es que al ejecutar el metodo "Entrar" me muesta 'Undefined' en vez del email y el pass en el console.log y por eso no lo puedo enviar al servicio AuthService, pienso que es por que no estoy ejecutando el (submit) del formulario directamente, si no que estoy llamando un metodo externo que tendria que ser llamado desde el (submit) pero no lo consigo hacer, cual seria la solucion en este caso?
usuario: UsuarioModel;
constructor(private auth: AuthService) {
this.usuario = new UsuarioModel();
}
login(): void {
Swal.fire({
title: 'Iniciar Sesion',
html: `<form id="formularioEntrar" name="formulario" (submit)='entrar()'>
<div class="input-group input-group-default mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroup-sizing-default"><i class="far fa-envelope"></i> Correo:</span>
</div>
<input type="text" class="form-control" name="email" [(ngModel)]="usuario.email">
</div>
<div class="input-group input-group-default mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroup-sizing-default"><i class="fas fa-unlock "></i>Password:</span>
</div>
<input type="password" class="form-control" name="password" [(ngModel)]="usuario.password">
</div></form>`,
showCancelButton: true,
confirmButtonText: 'Login',
showLoaderOnConfirm: true,
preConfirm: (login) => {
// this.auth.signIn();
this.entrar();
},
allowOutsideClick: () => !Swal.isLoading(),
}).then((result) => {
if (result.isConfirmed) {
Swal.fire({
title: 'bienvenido',
});
} else {
Swal.fire({
icon: 'error',
title: 'Hubo un error al iniciar session, intenta de nuevo',
});
}
});
}
entrar() {
console.log(this.usuario.email, this.usuario.password);
}
}