首页视频使用 SAP UI5 和 Angular 响应式编程实现页面按钮点击次数的统计

使用 SAP UI5 和 Angular 响应式编程实现页面按钮点击次数的统计原创

播放2.9K
这里我首先用fromEvent 构造一个 Observable 即可编程对象,这个对象是 RxJs这个响应式编程模型工具库把按钮点击事件封装成的一个异步事件流。 接着,使用 pipe 操作,对这个异步事件流做进一步处理。 mapTo(1), 把点击事件映射成常量1,scan 操作符,提供了累加操作,传入的输入箭头函数接收两个输入值,acc,accumulate,即累加值,curr即当前值,0为另一个输入参数,代表累加的初始值。startWith(0),即这个异步事件流的初始值为0. 我使用 addOneClick函数将上述逻辑做了一个封装,接收按钮 id 作为输入参数,返回按钮对应的异步事件流。 最后,将 red 和 black 按钮对应的异步事件流,通过 combineLatest 操作符组装,返回一个新的异步事件流,我称其为联合异步事件流。这个联合异步事件流此时再被应用程序监听。 这样,只要两个按钮有任意一个有 click 事件发生,联合异步事件流都会使用最新的执行了 mapTo 和 scan 累加操作之后的计数器的值,去通知应用程序的订阅函数,达到更新界面计数器值的目的。

我来说两句

0 条评论
登录 后参与评论

作者

Jerry Wang
开发专家

开发专家

相关推荐

9分26秒
Java零基础-270-回顾this
0
18分22秒
Java零基础-271-this什么时候不能省略
0
23分28秒
Java零基础-272-this()的用法
0
3分26秒
Java零基础-273-总结this
0
36分9秒
Java零基础-274-账户取款的作业
0
13分5秒
Java零基础-275-Student作业
81

扫码关注云+社区

领取腾讯云代金券