Justin
@iamjustin.dev
Front-end dev. Mostly Angular. I write about it as well! https://medium.com/@iamjustin
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@jpeg)
December 9, 2024 at 8:37 PM
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
Is this cursed? Add template narrowing with the new `@let` syntax, but use a `computed` instead of the `input` directly because of the reactive context. #angular
November 17, 2024 at 3:19 PM
Is this cursed? Add template narrowing with the new `@let` syntax, but use a `computed` instead of the `input` directly because of the reactive context. #angular
What if you could dynamically change the mock responses within your #Angular app (or any framework, really). Prototyped something and it actually works!
November 13, 2024 at 11:37 AM
What if you could dynamically change the mock responses within your #Angular app (or any framework, really). Prototyped something and it actually works!
