Getting `ERROR TypeError: Value must be a string or an array` when binding to [formControlName]

I need to generate the dropdown component dynamically. When trying to bind the formControlName, it throws ERROR TypeError: Value must be a string or an array.

See the console of https://stackblitz.com/edit/angular-6z4n2b?file=app%2Fdrop-down%2Fdrop-down.component.html

Removing the line [formControlName]="config.name" fixes the error, but I need to bind it to the control to get the values.

Any idea whats wrong?

[danilocgraciano]

Hi,

I’m have been the same problem related by art-mickiewicz, in my case the problem happens when the model.id is integer, but the options generated by my option list have to be string, using the ngModel directive.

So, using the solution proposed here the values are converted automatically from int to string, and works fine.

'<div class="form-group required" formGroupName="pais"> <label class="control-label" for="pais">País</label> <ng-select formControlName=“id” [options]=“paisList | options : ‘id’ : ‘descricao’”[(ngModel)]=“municipio.pais.id” [allowClear]=“true”> </ng-select>

</div>'

It would be a greate help if the author implements this new feature for us.

[luis-guzman-datum]

Lo solucione de la siguiente manera

this.myOptions.push({ label: label, value: value+‘’ });