简体   繁体   English

如何使用NG2无效表格注册keyup事件

[英]How do I register for keyup event using NG2 reactive forms

In NG2, declaratively: 在NG2中,以声明的方式:
you can use ( keyup.enter ) for registering "press-enter" events. 您可以使用( keyup.enter )注册“按下输入”事件。 Like this: 像这样:

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

In NG2, reactive forms : 在NG2中, 反应形式
I can use the valueChanges observable to listen for changes. 我可以使用valueChanges observable来监听更改。 But this is not triggered when pressing enter. 但按Enter键时不会触发此操作。

How do I register for keyup.enter events using reactive forms (=formcontrol)? 如何使用反应形式(= formcontrol)注册keyup.enter事件?

Found a solution that uses Subject: 找到一个使用Subject的解决方案:

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

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM