llevo ya unas horas con este problema, no me valida el usuario si realmente existe o no en la base de datos, mi api rest funciona a la perfección y valida, con el json, pero al tratar de integrarlo con el angular, no me funciona como debe (No me muestra error en consola, ni en codigo) y no he logrado llegar a una solución, agradecería que me pudieran ayudar... ESTE SERIA MI LOGIN.component.html
<div class="contenedor">
<h1>Iniciar Sesion</h1><br>
<p>¡Bienvenido!</p>
<p>Por favor ingresar sus datos correctamente</p><br><br>
<p>
<mat-form-field>
<mat-label>CORREO ELECTRONICO </mat-label>
<input matInput #correo>
</mat-form-field><br>
<mat-form-field>
<mat-label>CONTRASEÑA </mat-label>
<input matInput type="password" #contrasena>
</mat-form-field><br>
</p>
<button class="boton_personalizado" (click)="loginUsuario(correo.value, contrasena.value)">Iniciar
Sesion</button>
<ul><a class="registro" [routerLink]="['/registro']">¿No estas registrado? Registrate aqui!</a></ul>
<ul><a class="recuperar" [routerLink]="['/recuperarc']">¿Olvido su contraseña?</a></ul>
</div>
ESTE ES MI Login.component.ts
import { Component, OnInit } from '@angular/core';
import { UsuariosService } from 'src/app/services/usuarios-service.service'
import { Usuarios } from 'src/models/Usuarios';
import { Location, NgIf } from '@angular/common';
import { RouterLink } from '@angular/router';
@Component({
selector: 'app-login',
templateUrl: './login.component.html',
styleUrls: ['./login.component.css',]
})
export class LoginComponent implements OnInit {
constructor(private usuariosService: UsuariosService,
private ubicacion: Location) { }
ngOnInit(): void {
}
loginUsuario(correo: string,contraseña: string): boolean{
if(!correo){
alert("Campo correo vacio");
return;
}
if(!contraseña){
alert("Campo contraseña");
return;
}
if(this.loginUsuario != null){
alert("Acceso denegado")
}else {
alert("Acceso permitido")
}
this.usuariosService.loginUsuario({correo, contraseña} as Usuarios)
.subscribe(_=> this.volver());
}
volver(): void{
this.ubicacion.back();
}
}
ESTE ES MI USUARIO.service
import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Usuarios } from 'src/models/Usuarios';
import { Observable } from 'rxjs';
@Injectable({
providedIn: 'root'
})
export class UsuariosService {
private URL = 'http://localhost:8080/api'
httpOptions = {
headers: new HttpHeaders({ 'Content-Type': 'application/json' })
};
constructor(private http: HttpClient) {}
registrarUsuario(usuarios: Usuarios) {
const suffix = '/registrarUsuario'
return this.http.post<Usuarios>(this.URL+suffix, usuarios, this.httpOptions);
}
loginUsuario(usuarios: Usuarios): Observable<Usuarios> {
const suffix = '/loginUsuario/'
return this.http.post<Usuarios>(this.URL+suffix+usuarios, this.httpOptions);
}
}
Y mi models Usuarios
export interface Usuarios {
rut: number;
nombre: string;
apellido: string;
telefono: number;
correo: string;
direccion: string;
contraseña: string;
producto: string;
permiso: string;
}
Si necesitan mas parte del código, avísenme por favor, gracias de antemano por sus respuestas.