Can I use [formControl] without also needing [formGroup]?

Question

I am using a dropdown in my UI, but when I come to use [formControl] I am getting the error thrown:

Cannot find control with unspecified name attribute

I am using ReactiveFormsModule in my app.module.ts.

I have Google'd and found that a solution is to use [formGroup] in the parent div, but I'm unsure of how to implement properly as I am defining my formControl from within a subscribe.

myComp.component.html

<div class="exceptional-status">
  <select #exceptionalSelect id="excep-status-dropdown" [formControl]="select">
    <option disabled value="default">--Exceptional statuses--</option>
    <!-- other options here with *ngFor -->
  </select>
</div>

myComp.component.ts

select: FormControl;

mySubscription() {
  this.myService.myFunct.subscribe(res => {
    this.select = new FormControl(res.status)
  });
}

your variable declaration also wrong pls check angular doc: angular.io/guide/reactive-forms — Mr code.
– Mr code., Commented Sep 14, 2018 at 10:27

yurzui · Accepted Answer · 2018-09-14 10:26:33Z

20

Yes, you can use FormControlDirective without FormGroup.

Angular expects FormControl to be defined:

select = new FormControl();

mySubscription() {
  this.myService.myFunct.subscribe(res => {
    this.select.setValue(res.status)
  });
}

answered Sep 14, 2018 at 10:26

yurzui

215k32 gold badges450 silver badges413 bronze badges

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

1 Comment

physicsboy Over a year ago

Ah great! I thought it may be something similar, but wasn't sure how to go about it. I just had a Google of the difference between setValue() and patchValue() and opted for patch for now.

Ganesh K · Accepted Answer · 2021-03-17 12:20:20Z

2

Yes, you can use it without FormGroup.

select = new FormControl();

For set the value:-

select.setValue('your data here');

To get the value:-

select.value

edited Mar 17, 2021 at 12:20

user15409784

answered Mar 17, 2021 at 12:04

Ganesh K

1016 bronze badges

Comments

filipbarak · Accepted Answer · 2018-09-14 10:26:08Z

0

Why would you define the form control within the subscribe? My advice would be to structure the form skeleton outside the subscription and just populate the control using

mySubscription() {
  this.myService.myFunct.subscribe(res => {
    this.controls['select'].patchValue(res.status);
  });
}

answered Sep 14, 2018 at 10:26

filipbarak

1,9252 gold badges19 silver badges31 bronze badges

1 Comment

physicsboy Over a year ago

where does the controls come into things?

Collectives™ on Stack Overflow

Can I use [formControl] without also needing [formGroup]?

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related