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], }); }