2,129 questions
1 vote
1 answer
155 views
How to provide default values for individual fields in Angular 21 Signal Forms (without UI flicker) when implementing a FormValueControl?
We're starting to look at Angular 21's new signal-based forms, but I can't find a clean way to define default values for each form field, especially when building forms for objects where multiple keys ...
0 votes
0 answers
52 views
Why are child controls not updating to disabled when using a custom Angular control in reactive forms?
I have a complex set of objects that I need to edit. Basically, I have several objects at the top level, which may or may not be enabled, and each one has some complex sub-objects. The whole set of ...
2 votes
2 answers
66 views
Angular Reactive Form still includes empty values in form.value even after applying validators
I'm using a Angular 20 with Reactive forms. Even after applying Validators.required to some controls, the form still includes empty string ("") or Null values when I log or submit form. I ...
2 votes
1 answer
62 views
Angular reset to pristine from inside ControlValueAccessor implementation
I have a ControlValueAccessor implementation for custom form control: @Component({ ... providers: [ { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ...
2 votes
0 answers
67 views
Form not updated when Browser auto-fills saved email/password until user interaction [duplicate]
I have a login form in Angular 16 with FormGroup validation. When I open the login page in Chrome, the browser auto-fills the saved email and password fields. The values are visible in the input ...
1 vote
1 answer
45 views
If show template with disabling a form at the same time - then a form not disabling
Working on a form with two templates. It seems that if we change template + setting form as disabled, the form is not disabling. But if we do it with separate thread via setTimeout, we have corrent ...
1 vote
1 answer
40 views
how to detect formly toggle field type is disabled?
I have a formly form with toggle field, I would like to detect when the user clicks on the toggle to disable it. here is what I have done so far: fields: { key: myToggle, ...
1 vote
0 answers
84 views
Animating angular form
I am using angular 20 and angular material 20. I have a 2 forms at 2 stages that need to be transitioned between after a delay. I have a common animation I am using for when elements attach and detach....
0 votes
1 answer
87 views
How to save data from multiple forms on button click function? [closed]
I have succeeded in creating multiple forms based on the value from the dropdown list, but I am not able to save the data from the input element into database. If my dropdown list displays the value 5,...
1 vote
1 answer
45 views
Can a form submission refresh the page even without using [FormGroup]?
I'm making a multi-step form, the issue I'm facing on step-one is the page is refreshing instead of moving to the next step after the form gets submitted my .html file goes like this: <form (...
0 votes
1 answer
89 views
Create a new FormGroup with FormControls using a generic type
I am working on an Angular component that manages a list of FormGroups. This list can be expanded and items can be deleted. But I also want the component to handle any kind of FormGroup. So for ...
0 votes
2 answers
66 views
Filter not working after including blur validation - angular material autocomplete
After adding blur validation to the angular material autocomplete dropdown, the search filter is not working properly when on change, instead filtering is happening on blur. Expected behaviour: If ...
2 votes
1 answer
94 views
How to handed a relationship between two signals by linkedSignals in Angular v20?
I have to mange a relation for X*2=Y, there Y and Y are input fields. In the moment, I trigger by a change of the input field the related variable as X changed => Y=X*2 Y changed => X=Y/2 import ...
1 vote
2 answers
83 views
Angular FormGroup doesn’t get disabled when it contains an empty FormArray _and_ a custom form control
I have a simple FormGroup in an Angular component: // app.component.ts, part 1 export class AppComponent implements OnInit { protected form = new FormGroup({ ctl: new FormControl(), arr: new ...
1 vote
1 answer
59 views
SetValue is not triggering Dropdown's (change) function
In Angular 19, I need a function to run when a dropdown changes value. However, it doesn't happen when using setValue. html <select id="dropdown" [formControl]="dropdown" (...