为了账号安全,请及时绑定邮箱和手机立即绑定

RxJS中的“ event =&gt”有什么作用?

RxJS中的“ event =&gt”有什么作用?

呼如林 2021-04-09 15:14:54
我在下面遇到了这段代码,但是我不明白为什么我们要做的事件等于并且大于console.log,如果有人解释了,我将非常感谢const node = document.querySelector('input[type=text]');const input$ = Rx.Observable.fromEvent(node, 'input');input$.subscribe({  next: event => console.log(`You just typed ${event.target.value}!`),  error: err => console.log(`Oops... ${err}`),  complete: () => console.log(`Complete!`),});const input$ = Rx.Observable.fromEvent(node, 'input')  .map(event => event.target.value)  .filter(value => value.length >= 2)  .subscribe(value => {    // use the `value`  });
查看完整描述

2 回答

?
凤凰求蛊

TA贡献1825条经验 获得超4个赞

这看起来像是通过HTML清理器传递的Javascript代码。


使用箭头功能的原始代码应如下所示:


const node = document.querySelector('input[type=text]');


const input$ = Rx.Observable.fromEvent(node, 'input');


input$.subscribe({

  next: event => console.log(`You just typed ${event.target.value}!`),

  error: err => console.log(`Oops... ${err}`),

  complete: () => console.log(`Complete!`),

});


const input$ = Rx.Observable.fromEvent(node, 'input')

  .map(event => event.target.value)

  .filter(value => value.length >= 2)

  .subscribe(value => {

    // use the `value`

  });


查看完整回答
反对 回复 2021-04-22
  • 2 回答
  • 0 关注
  • 213 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号