Angular OnPush Components + Template Driven Forms: Strategies for Zoneless Compatibility

What strategies do you use for Template Driven forms in OnPush components in Angular, considering future migration to Zoneless?

The option that seems to have the least boilerplate is something like:

<input [ngModel]="order().name" (ngModelChange)="updateField('name', $event)" name="name">

...

updateField<K extends keyof typeof this.order.value>( field: K, value: typeof this.pedido.value[K] ) { this.order.update(current => ({ ...current, [field]: value })); }

Continue reading...