如何养活rxjs观察者

时间:2018-12-05 02:11:10

标签: javascript typescript rxjs observable

每个人似乎都觉得观察者很容易,但是我发现他们非常困难。 我需要创建一个可观察对象,然后在按下按钮时向其提供一个数字,在所有发现的示例中,我发现它们在构造函数中定义了可观察对象的内容,但在创建后需要提供它。 这有可能吗?

谢谢

1 个答案:

答案 0 :(得分:2)

const { Subject, fromEvent } = rxjs;

const number$ = new Subject();

fromEvent(document.getElementById('button'), 'click').subscribe(() => {
  number$.next(Math.random() * 10);
});

number$.subscribe(number => {
  document.getElementById('output').innerText = number;
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/6.3.3/rxjs.umd.min.js"></script>
<button id="button">Click for random number</button>
<div id="output"></div>