Угловые кли реактивные формы

Question

Я не могу получить правильную проверку. Я получаю сообщение об ошибке Не могу прочитать свойство 'firstname' из undefined.

.ts файл

    ngOnInit() {
    this.addform = new FormGroup({
    firstname: new FormControl('', [Validators.required, 
    Validators.minLength(4)]),

.html файл

<form #addform="ngForm" (ngSubmit)="onSubmit()" >
    <div class="form-group" >
      <fieldset>
        <legend>Employee Details</legend>

         <label for="fname" class="input-label"> <b>First Name </b> </label>
         <input 
            type="text" 
            class="input-text" 
            formControlName="firstname" 
            name="firstname" 
            placeholder="First Name" 
            required />

Answer 1

вы создали экземпляр FormGroup, но его не добавили в html-файл form tag

<form [formGroup]="addform" (ngSubmit)="onSubmit()" >       
</form>

просто поменяй эти линии на идеальную

Answer 2

Ваша employee переменная объявлена, но ей не присвоено какое-либо значение ... что приводит к неопределенной переменной, когда вы вызываете ее new FormControl(this.employee.firstname, [ здесь

Вы должны хотя бы дать ему значение по умолчанию