Description
Ignite UI's form controls still read legacy observables from NgControl. They subscribe to statusChanges (and, in the input group, valueChanges) from ngAfterViewInit to drive invalid styling. Signal Forms provides an interop NgControl backed by signals instead, which carries neither observable. The subscriptions fail with "Cannot read properties of undefined (reading 'pipe')"/Cannot read properties of undefined (reading 'subscribe'), and the control never finishes wiring itself up. Interacting with the controls results in: this.ngControl.control.markAsTouched is not a function.The issue occurs when using [formField] on an Ignite UI control.
<igx-input-group>
<input igxInput type="text" [formField]="userForm.firstName" />
<label igxLabel>First Name</label>
</igx-input-group>
interface User {
firstName: string;
}
public readonly userSignal = signal<User>({
firstName: '',
});
public readonly userForm = form(this.userSignal, (path) => {
required(path.firstName);
});
Framework
Angular
Angular Version
22.1
Ignite UI for Angular Version
22.1.1
Component / Area
Other
Browser
Chrome
Operating System
No response
Command Not Working
Steps to Reproduce
- Use
[formField] on an Ignite UI control (or use the attached sample).
- Open the DevTools Console and observe the errors.
- Interact with the control.
Actual Result
Expected Result
No errors on initialization and when interacting with the controls.
Reproduction URL
No response
Attachments
SignalForm.zip
Description
Ignite UI's form controls still read legacy observables from
NgControl. They subscribe tostatusChanges(and, in the input group,valueChanges) fromngAfterViewInitto drive invalid styling. Signal Forms provides an interopNgControlbacked by signals instead, which carries neither observable. The subscriptions fail with"Cannot read properties of undefined (reading 'pipe')"/Cannot read properties of undefined (reading 'subscribe'), and the control never finishes wiring itself up. Interacting with the controls results in:this.ngControl.control.markAsTouched is not a function.The issue occurs when using[formField]on an Ignite UI control.Framework
Angular
Angular Version
22.1
Ignite UI for Angular Version
22.1.1
Component / Area
Other
Browser
Chrome
Operating System
No response
Command Not Working
Steps to Reproduce
[formField]on an Ignite UI control (or use the attached sample).Actual Result
Expected Result
No errors on initialization and when interacting with the controls.
Reproduction URL
No response
Attachments
SignalForm.zip