Why is the `NgModelGroup` not available without a `setTimeout`, but the `NgControl` is? Guess I'm gonna have to dive into the source x) #angular
![@Component({
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
imports: [FormsModule],
selector: 'app-group',
template: `
<form>
<div #personGroup="ngModelGroup" ngModelGroup="person">
<input
type="text"
[(ngModel)]="formModel().name"
name="name"
#nameControl="ngModel"
/>
</div>
</form>
`,
})
export class GroupComponent {
personGroup = viewChild.required<NgModelGroup>('personGroup');
nameControl = viewChild.required<NgControl>('nameControl');
formModel = signal({
name: 'John',
});
ngAfterViewInit() {
this.nameControl().valueChanges!.subscribe((value) => {
console.log('name', value);
});
setTimeout(() => {
this.personGroup().valueChanges!.subscribe((value) => {
console.log('personGroup', value);
});
});
}
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:fnwyunj7ldjba7r6e5i6hjdp/bafkreieboc5wtqczruxb3mlx6pu7s27hxwwbmhqsq5yuddua6mdbmjf5ky)
Justin
@iamjustin.dev
317 followers 433 following 48 posts
Front-end dev. Mostly Angular. I write about it as well! medium.com/@iamjustin
