core.js:6157 ERROR TypeError: control.registerOnChange is not a function

[harleenarora]

Hi,

If using reactive form, field is array and bind with ngx-slider, show error::

core.js:6157 ERROR TypeError: control.registerOnChange is not a function at setUpModelChangePipeline (forms.js:2559) at setUpControl (forms.js:2381) at FormGroupDirective.addControl (forms.js:5710) at FormControlName._setUpControl (forms.js:6285) at FormControlName.ngOnChanges (forms.js:6230) at FormControlName.rememberChangeHistoryAndInvokeOnChangesHook (core.js:1506) at callHook (core.js:2525) at callHooks (core.js:2492) at executeInitAndCheckHooks (core.js:2443) at refreshView (core.js:9428)

Code:: <ngx-slider formControlName="range" [options]="options"></ngx-slider>

this.testForm = this.fb.group({
	range:this.fb.array([0,45])
});

[DustinJSilk]

I fixed this by changing my field from a FormArray to a FormControl with an array value.