angular/ems-frontend
angular/ems-frontend
Archived
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor to use formBulder

Browse Source
This commit is contained in:
Constantin Simonis 2025-01-08 10:16:03 +01:00
parent cff188e2a5
commit 1c3b9cc7f7
Signed by: csimonis
GPG Key ID: 758DD9C506603183
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/app/create-employee/create-employee.component.ts
View File

@ -1,5 +1,5 @@
import {Component, inject, OnInit} from '@angular/core'; import {Component, inject, OnInit} from '@angular/core';
import {FormControl, FormGroup, ReactiveFormsModule, Validators} from "@angular/forms"; import {FormBuilder, FormControl, FormGroup, ReactiveFormsModule, Validators} from "@angular/forms";
import {MatFormField, MatLabel} from "@angular/material/form-field"; import {MatFormField, MatLabel} from "@angular/material/form-field";
import {MatInput} from "@angular/material/input"; import {MatInput} from "@angular/material/input";
import {MatButton} from "@angular/material/button"; import {MatButton} from "@angular/material/button";
@ -26,15 +26,16 @@ import EmployeeApiService from "../services/employee-api.service";
export class CreateEmployeeComponent implements OnInit{ export class CreateEmployeeComponent implements OnInit{
employeeForm!: FormGroup; employeeForm!: FormGroup;
employeeService: EmployeeApiService = inject(EmployeeApiService); employeeService: EmployeeApiService = inject(EmployeeApiService);
formBuilder: FormBuilder = inject(FormBuilder);
ngOnInit(): void { ngOnInit(): void {
this.employeeForm = new FormGroup({ this.employeeForm = this.formBuilder.group({
firstName: new FormControl('', {validators: [Validators.required]}), firstName: ['', Validators.required],
lastName: new FormControl('', {validators: [Validators.required]}), lastName: ['', Validators.required],
street: new FormControl('', {validators: [Validators.required]}), street: ['', Validators.required],
postcode: new FormControl('', {validators: [Validators.required, Validators.minLength(5), Validators.maxLength(5)]}), postcode: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(5)]],
city: new FormControl('', {validators: [Validators.required]}), city: ['', Validators.required],
phone: new FormControl('', {validators: [Validators.required]}), phone: ['', Validators.required],
}); });
} }