在Bacon.js中使用多个事件流值

上诉

我有一个当前有2个输入的表单(金额将会增加),用户可以在其中添加/编辑数字。在任何一个字段中更改后,我想使用两个数字进行计算。

使用基本的jQuery,这将是一件轻而易举的事情:

var f1 = $(".field-1"), f2 = $(".field-2"), n1, n2, result;
$(".field-1, .field-2").on("keyup", function(){
    n1 = f1.val();
    n2 = f2.val();
    result = n1 / n2;
});

用Bacon.js做同一件事的最好方法是什么?

贝吉

使用培根,这甚至更简单:

function keyupValueStream(el) {
    return $(el).asEventStream("keyup").map(".target.value");
}
Bacon.combineWith(function(n1, n2) { return n1/n2; },
                  keyupValueStream(".field-1"),
                  keyupValueStream(".field-2")
).onValue(function(result) {
     // …
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

bacon.js-获取流/属性的值

来自分类Dev

Bacon.js EventStream的价值

来自分类Dev

Kefir / Bacon.js中的流处理

来自分类Dev

使用bacon.js事件流池实现生产者/消费者

来自分类Dev

为什么Bacon.combineAsArray的“ keyup”事件流立即结束?

来自分类Dev

Bacon.js累加器

来自分类Dev

使用Bacon.js消除唯一值

来自分类Dev

我应该从Bacon.Bus拔出单值流吗?

来自分类Dev

Bacon.js:流和属性之间的实际区别

来自分类Dev

Bacon.js控制其他流的缓冲

来自分类Dev

如何过滤Bacon.js流中的错误

来自分类Dev

Bacon.js流有一些好的错误

来自分类Dev

Bacon.js如何基于另一个属性过滤事件流?

来自分类Dev

Bacon.js将包含数组的事件“拆分”为每个元素的多个事件

来自分类Dev

Bacon.when不匹配预期的流时

来自分类Dev

无法将socket.io事件转换为Bacon EventStream

来自分类Dev

如何使用另一个流临时“阻止” bacon.js中的EventStream?

来自分类Dev

如何在Bacon.js中取消订阅处理程序?

来自分类Dev

Bacon.js总线的RxJS等效项是什么?

来自分类Dev

如何在Bacon.js中获得Ajax调用的状态?

来自分类Dev

如何用Bacon.js代替Promise表达初始过程?

来自分类Dev

如何在Bacon.js中实现REST api的轮询?

来自分类Dev

Bacon.js中的惰性评估是什么?

来自分类Dev

.when for Bacon.js中的3个属性

来自分类Dev

每当元素失去焦点时,Bacon.js调用函数

来自分类Dev

Bacon.js总线的RxJS等效项是什么?

来自分类Dev

bacon.js:holdWhen和onValue的奇怪行为

来自分类Dev

bacon.js 如何基于 first 将流与另一个相结合?

来自分类Dev

异步加载的模块如何从Bacon.js总线获取最新值?