Különbségek

A kiválasztott változat és az aktuális verzió közötti különbségek a következők.

--- oktatas:web:angular:angular_reaktiv_urlapok_csoportositassal [2025/09/26 20:44] – [Teljes kód] admin
+++ oktatas:web:angular:angular_reaktiv_urlapok_csoportositassal [2025/09/26 20:48] (aktuális) – [Érvényesség ellenőrzése] admin
@@ Sor 171: / Sor 171: @@
 <code javascript>
+import { Component } from '@angular/core';
+import {
+  FormControl,
+  FormGroup,
+  ReactiveFormsModule,
+  Validators
+} from '@angular/forms';
+@Component({
+  selector: 'app-employee',
+  standalone: true,
+  imports: [ReactiveFormsModule],
+  templateUrl: './employee.component.html',
+  styleUrl: './employee.component.css'
+})
+export class EmployeeComponent {
+  employeeForm!: FormGroup;
+  constructor() {}
+  ngOnInit() {
+    this.employeeForm = new FormGroup({
+      name: new FormControl('', [Validators.required, Validators.minLength(3)]),
+      city: new FormControl('', [Validators.required, Validators.minLength(3)]),
+      salary: new FormControl(0, [Validators.required, Validators.pattern('^[0-9]+$')])
+    });
+  }
+  onSubmit() {
+    if (this.employeeForm.valid) {
+      console.log('Form Submitted!', {
+        name: this.employeeForm.value.name,
+        city: this.employeeForm.value.city,
+        salary: this.employeeForm.value.salary
+      });
+    } else {
+      console.log('Form is invalid');
+    }
+  }
+}
 </code>