36 lines
1.0 KiB
TypeScript
36 lines
1.0 KiB
TypeScript
import { Component } from '@angular/core';
|
|
import { CommonModule } from '@angular/common';
|
|
// WICHTIG: ReactiveFormsModule HIER importieren
|
|
import { ReactiveFormsModule, FormBuilder, Validators, FormGroup } from '@angular/forms';
|
|
import { RouterLink } from '@angular/router';
|
|
|
|
@Component({
|
|
selector: 'app-login',
|
|
|
|
imports: [
|
|
CommonModule,
|
|
RouterLink,
|
|
ReactiveFormsModule // <-- HIER IST DIE KORREKTUR. Jetzt kennt die Komponente [formGroup].
|
|
],
|
|
templateUrl: './login.component.html',
|
|
styleUrl: './login.component.css',
|
|
})
|
|
export class LoginComponent {
|
|
loginForm: FormGroup;
|
|
|
|
constructor(private fb: FormBuilder) {
|
|
this.loginForm = this.fb.group({
|
|
email: ['', [Validators.required, Validators.email]],
|
|
password: ['', [Validators.required]],
|
|
});
|
|
}
|
|
|
|
onSubmit() {
|
|
if (this.loginForm.valid) {
|
|
console.log('Formular abgeschickt:', this.loginForm.value);
|
|
} else {
|
|
console.log('Formular ist ungültig.');
|
|
this.loginForm.markAllAsTouched();
|
|
}
|
|
}
|
|
} |