uebung-7

demo/src/app/student-form-reactive/student-form-reactive.ts

@@ -0,0 +1,26 @@
+import { Component } from '@angular/core';
+import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
+import { Student } from '../Student';
+
+@Component({
+  selector: 'app-student-form-reactive',
+  imports: [ReactiveFormsModule],
+  templateUrl: './student-form-reactive.html',
+  styleUrl: './student-form-reactive.css',
+})
+export class StudentFormReactive {
+  form: FormGroup = null!;
+
+  ngOnInit() {
+    this.form = new FormGroup({
+      name: new FormControl<string|null>(null),
+      matrikelnummer: new FormControl<number|null>(null, [Validators.required, Validators.pattern('\\d+')])
+    });
+  }
+
+  print() {
+    const value = this.form.value;
+    const model = new Student(value.name, value.matrikelnummer);
+    console.log(model);
+  }
+}