Getting the error " TypeError: Cannot create property 'validator' on string 'control'"

Question

I am getting the error: TypeError: Cannot create property 'validator' on string 'control'"

import { Component, ChangeDetectionStrategy, OnInit } from '@angular/core';
import { CommonModule } from '@angular/common';
import { BrowserModule } from '@angular/platform-browser';
import { DataStorageService, FieldConfig, ImportType } from '../../../../services/datastorage.service';
import { ReactiveFormsModule, FormGroup, FormArray, FormControl } from '@angular/forms';


import * as Papa from 'papaparse';
@Component({
  selector: 'field-analysis',
  templateUrl: './field-analysis.component.html'
})

export class FieldAnalysisComponent implements OnInit {

  fieldsGroup;

  ngOnInit() {
    this.fieldsGroup = new FormGroup({ fieldset: new FormArray([new FormControl(''), new FormControl('')]) });

  }

}

And the template looks like this.

<h2 >Field Definition</h2>
<form formGroup="fieldsGroup" novalidate>


<input *ngFor="let control of fieldsGroup.controls['fieldset'].controls" formControl="control">
</form>

yurzui · Accepted Answer · 2017-07-21 05:29:57Z

5

You passed string fieldsGroup to FormGroupDirective. You should pass FormGroup instance instead:

[formGroup]="fieldsGroup"

And FormControlDirective also expects FormControl instance

[formControl]="control"

answered Jul 21, 2017 at 5:29

yurzui

215k32 gold badges450 silver badges413 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Getting the error " TypeError: Cannot create property 'validator' on string 'control'"

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related