如何使用 NG2 反应形式注册 keyup 事件

Question

在 NG2 中，声明式地：
您可以使用 (keyup.enter) 来注册 "press-enter" 事件。像这样：

<input type="text" #txtEnteredMessage (keyup.enter)="sendMessage(txtEnteredMessage.value);">

在 NG2 中，反应形式：
我可以使用 valueChanges observable 来监听变化。但这在按回车键时不会触发。

如何使用响应式表单 (=formcontrol) 注册 keyup.enter 事件？

Answer 1

找到一个使用主题的解决方案：

//inside your hml file 
<input type="text" (keyup.enter)="txtMessageEnter$.next();">

//inside your .ts file
constructor() {       
   this.txtMessageEnter$ = new ReplaySubject<any>();
}
...
this.txtMessageEnter$.subscribe(...)

如何使用 NG2 反应形式注册 keyup 事件

How do I register for keyup event using NG2 reactive forms

angular2-forms

angular