From 1c3b9cc7f7f61cd0089a4e34babccd196e396663 Mon Sep 17 00:00:00 2001 From: Constantin Simonis Date: Wed, 8 Jan 2025 10:16:03 +0100 Subject: [PATCH] refactor to use formBulder --- .../create-employee.component.ts | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) diff --git a/src/app/create-employee/create-employee.component.ts b/src/app/create-employee/create-employee.component.ts index dc99e20..64cda2c 100644 --- a/src/app/create-employee/create-employee.component.ts +++ b/src/app/create-employee/create-employee.component.ts @@ -1,5 +1,5 @@ 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 {MatInput} from "@angular/material/input"; import {MatButton} from "@angular/material/button"; @@ -26,15 +26,16 @@ import EmployeeApiService from "../services/employee-api.service"; export class CreateEmployeeComponent implements OnInit{ employeeForm!: FormGroup; employeeService: EmployeeApiService = inject(EmployeeApiService); + formBuilder: FormBuilder = inject(FormBuilder); ngOnInit(): void { - this.employeeForm = new FormGroup({ - firstName: new FormControl('', {validators: [Validators.required]}), - lastName: new FormControl('', {validators: [Validators.required]}), - street: new FormControl('', {validators: [Validators.required]}), - postcode: new FormControl('', {validators: [Validators.required, Validators.minLength(5), Validators.maxLength(5)]}), - city: new FormControl('', {validators: [Validators.required]}), - phone: new FormControl('', {validators: [Validators.required]}), + this.employeeForm = this.formBuilder.group({ + firstName: ['', Validators.required], + lastName: ['', Validators.required], + street: ['', Validators.required], + postcode: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(5)]], + city: ['', Validators.required], + phone: ['', Validators.required], }); }