如何在角度 2 中创建两个 observable？

Question

我在 Angular 2 中使用 Observable 使用 rxjs。我在 plunker 中制作了 fromEvent 的演示 这是我的演示 https://plnkr.co/edit/zkgEcdn21CvIKoOycUOy?p=preview

在我的演示中，我采用two 输入字段。我需要使用keyup 事件对两个不同的输入字段使用两个不同的观察者。 但是当我选择任何输入字段时，它会调用相同的函数。我可以给输入字段不同的id 吗？

Observable.fromEvent(document,'keyup').subscribe( e => {
      console.log(e.target.value)

    });

我正在从本教程中学习 http://reactivex.io/rxjs/manual/tutorial.html

预期输出

我需要在选择不同的输入字段时调用不同的函数。我会给出不同的id吗？

Answer 1

是的，您可以为输入提供不同的 id 或类，然后在不同的 observables 中使用它们，但不能使用 fromEvent。您需要改用Observable.create：

var source = Observable.create(function(o) {
  $('body').on('keyup', '#test', function(ev) {

      o.next(ev);
    })
});

var sub = source.subscribe(function(ev) { console.log("test 1 keyup", ev) });



var source = Observable.create(function(o) {
  $('body').on('keyup', '#test2', function(ev) {

      o.next(ev);
    })
});

var sub = source.subscribe(function(ev) { console.log("test t keyup", ev) });

查看我对您的plunker 所做的更改以使其正常工作。