带有latestfrom操作符的RxJs

我们的每周RxJs操作符withLatestFrom它是一个名字能说明一切的操作符的罕见例子。

这是大理石图withLatestFrom

这个运算符取两个或多个可观察对象然后把它们变成一个可观察对象的时候,就会产生一个新值source Observable会释放一些新的东西

这里需要注意的重要一点是,只有一个Observable在输出Observable中触发更新。结果,withLatestFrom当您希望用户操作触发用户界面中的更新时(考虑数据表过滤器、相互连接的下拉列表等),是一个很好的选择。

你可以看到现场直播代码示例(包括解释思维过程的注释),两个相互依赖的下拉列表。第一个下拉列表中的选择会影响第二个下拉列表中显示的值(选择一个大洲会过滤掉第二个下拉列表中显示的国家:

如果你想深入了解,我有这个关于使用的完整教程withLatestFrom与其他操作符一起在组件中实现动态过滤

更多的RxJs内容,我的2小时RxJS工作坊从ng-conf 2022现在可以在Youtube上免费观看!

betway必威滚球

Alain是谷歌开发专家,擅长Web技术、Angular和谷歌地图。他的日常任务是帮助开发团队采用Angular,并使用该框架进行大规模构建。他在六大洲都教授过Angular !阿兰是一名世界旅行家和摄影师,也是国际会议的演讲者,并出版了几门视频课程。