or
0 answers
2.3K+ views
Hi!
I searched the forum but found no answer. I have several controls in the form, each one inserted according to the scheme:
<div fxFlex="30">
<kendo-formfield [orientation]="'horizontal'">
<kendo-label text="Rodzaj przewozów">
<kendo-dropdownlist #transportTypeDropdown class="transport-type" [data]="transportTypes"
[textField]="'name'" [valueField]="'id'" [formControlName]="formNames.transportType"
[(value)]="formModel.transportType" [disabled]="areControlsDisabled">
</kendo-dropdownlist>
</kendo-label>
<app-form-error [controlName]="formNames.transportType" [form]="form"></app-form-error>
</kendo-formfield>
</div>
<div fxFlex="10">
<kendo-formfield [orientation]="'horizontal'">
<kendo-label text="wyszukaj bez trasy">
<input type="checkbox" #searchWithoutRouteCheckbox class="search-without-route-type"
[formControlName]="formNames.searchWithoutRoute" [value]="formModel.searchWithoutRoute" kendoCheckBox
[disabled]="areControlsDisabled" />
</kendo-label>
<app-form-error [controlName]="formNames.searchWithoutRoute" [form]="form"></app-form-error>
</kendo-formfield>
</div>
<div fxFlex="10">
<kendo-formfield [orientation]="'horizontal'">
<kendo-label text="Przes. kal. 2">
<kendo-dropdownlist #calendarShiftDropdown class="calendar-shift" [data]="calendarShiftItems"
[textField]="'text'" [valueField]="'value'" [formControlName]="formNames.calendarShift"
[valuePrimitive]="true" [(value)]="formModel.calendarShift" [disabled]="areControlsDisabled">
</kendo-dropdownlist>
</kendo-label>
<app-form-error [controlName]="formNames.calendarShift" [form]="form"></app-form-error>
</kendo-formfield>
</div>
and I get errors in the console:
The `kendo-formfield` component should contain only one control of type NgControl with a formControlName
AFAIS there's no doubled controls in formfield. In other form I have simmilar controls and getting no errors and I'm stuck on this issue. What I'm doing wrong?
