angular - 扩展 Angular 2 ngModel 指令以使用可观察对象

Question

Angular 2 ngModel 指令与变量和函数一起工作

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

我想使用 BehaviorSubjects 而不是变量和函数

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

有没有安全的方法来扩展 ngModel 或使用某种宏来减少模板中的重复？

<input [myNewNgModel]="mySubject" />

Answer 1

我不知道您为什么不直接使用响应式表单，但这是一个有趣的谜题。我创建了一个指令，它将模型值更改为 BehaviorSubject 的值。任何更改都会为您调用 BehaviorSubject 上的 .next。

用法看起来像这样

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

这是 stackblitz , 享受