auth

src/app/features/auth/components/login/login.component.ts

@@ -1,11 +1,36 @@
 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: [],
+  standalone: true,
+  imports: [
+    CommonModule, 
+    RouterLink,
+    ReactiveFormsModule // <-- HIER IST DIE KORREKTUR. Jetzt kennt die Komponente [formGroup].
+  ],
   templateUrl: './login.component.html',
-  styleUrl: './login.component.css'
+  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();
+    }
+  }
+}