это HTML-код
<html>
<head>
<title>Halaman Awal</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
<a [routerLink]="['/databuku']"><img src="images/images.png" width="42" height="42"></a>
</nav>
<div class="container-fluid text-center pb-5">
<div style="text-align:center">
<h1>
Welcome!
</h1>
</div>
</div>
<form (ngSubmit)="login()">
<div class="form-group">
Username
<input class="validate" type="text" name="username" [(ngModel)]="dataUser.username" required>
</div>
<div class ="form-group">
Password
<input class="validate" type="text" name="password" [(ngModel)]="dataUser.password" required>
</div>
<div class="form-group">
<button type="submit" class="btn btn-success">Login</button>
</div>
</form>
</body>
</html>
это код ts
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { HttpClient } from '@angular/common/http';
@Component({
selector: 'app-hlm-utama',
templateUrl: './hlm-utama.component.html',
styleUrls: ['./hlm-utama.component.css']
})
export class HlmUtamaComponent implements OnInit {
dataUser={};
constructor(private http: HttpClient, private router: Router) { }
ngOnInit() {
}
login() {
this.http.get('http://localhost:8080/user')
.subscribe(data => {
this.dataUser = data;
this.router.navigate(['/databuku/']);
}, (err) => {
console.log(err);
});
}
}
поэтому у меня уже есть таблица с данными имени пользователя и пароля в таблице базы данных «dataUser», теперь я хочу сравнить введенные данные с данными в таблице базы данных. Если это то же самое, он выполнит login (), если он потерпит неудачу, он ничего не делает или, по крайней мере, все еще на этой странице, так как это сделать?
Я не понимаю, как сделать функцию аутентификации или что-то еще, скажите, пожалуйста, простую