property - Ampliación de la directiva ngModel Angular 2 para usar observables

ngmodel angular 7

Question

La directiva ngModel de Angular 2 funciona con variables y funciones como

<input [ngModel]="myVar" (ngModelChange)="myFunc($event)" />

En lugar de variables y funciones, me gustaría usar BehaviorSubjects en su lugar

<input [ngModel]="mySubject | async" (ngModelChange)="mySubject.next($event)" />

¿Existe una forma segura de extender ngModel o usar algún tipo de macro para reducir la repetición en mis plantillas?

<input [myNewNgModel]="mySubject" />

Answer 1

No sé por qué no usarías formas reactivas, pero este fue un rompecabezas divertido. Creé una directiva que alterará el valor del modelo al valor de BehaviorSubject . Y cualquier cambio llamará a .next en el BehaviorSubject por usted.

El uso se verá así

<input type="text" [ngModel]="ngModelValue" appRxModel> 

Aquí está el stackblitz , disfrutar