Неверные поля (ничего не содержит) ⇐ Html

[Anonymous]

Я изучаю угловой с типпиз. Я совершенно новичок в этом. У меня есть форма в HTML с разными полями: < /p>



Post New User



Nume:


Email:


Post




< /code>
Это мой компонент < /p>
import { Component } from '@angular/core';
import { UserService } from '../../service/user.service';
import { FormBuilder, Validators } from '@angular/forms';
import { FormGroup } from '@angular/forms';
import { ReactiveFormsModule } from '@angular/forms';
import { CommonModule } from '@angular/common';
@Component({
selector: 'app-post-users',
imports: [CommonModule],
templateUrl: './post-users.component.html',
styleUrl: './post-users.component.css'
})
export class PostUsersComponent {
postUserForm!: FormGroup;
constructor( private userrService:UserService,private fb:FormBuilder) { }
ngOnInit(){
this.postUserForm = this.fb.group({
nume: ['', Validators.required],
email: ['', [Validators.required, Validators.email]],

});
};

postUser() {
if (this.postUserForm.valid) {
console.log('Formularul este valid!');
const formData = this.postUserForm.value;
console.log('Form Data:', formData);
this.userrService.postUser(formData).subscribe((response) => {
console.log(response);
});
} Object.keys(this.postUserForm.controls).forEach(field => {
const control = this.postUserForm.get(field);
if (control?.invalid) {
console.log(`Câmp invalid: ${field}`, {
errors: control.errors,
value: control.value

});
debugger; }
});

}
}

< /code>
Консольное сообщение после того, как я введен данные, является следующим «недопустимым поле: имя < /p>
{ошибки: {…}, значение: ''} < /p>
Ошибки: {обязательно: true} < /p>
value: "" < /p>
[[Prototype]]: Object} < /p>
Я не понимаю, почему значение «», если я введу данные в текстовом поле. В IntelliJ они были введены.>

Подробнее здесь: https://stackoverflow.com/questions/794 ... n-anything