Question

我想知道我的应用程序何时脱机并重新联机。我在rxjs注册了以下活动：

const online = Rx.Observable.fromEvent(window, 'online');
const offline = Rx.Observable.fromEvent(window, 'offline');

const source = Rx.Observable.combineLatest(online, offline).map(() => navigator.onLine);

source.subscribe(result => {
  console.log('I\'m online: ' + (result ? 'jup' : 'nope'));
});

但是，当我第一次离线时，事件不会被触发，如果我添加常规的addEventListener事件，我发现它们被触发正常：

window.addEventListener('online', () => console.log('online triggered'));
window.addEventListener('offline', () => console.log('offline triggered'));

以this jsbin为例，通过devtools切换您的netwerk，您将看到第一次不记录I'm online: ...。

Answer 1

combineLatest运算符要求所有源Observable发出至少一个值。

对您而言，这意味着您应该初始化每个流，然后只是听取更改：

const source = Rx.Observable.combineLatest(
    online.startWith(null),
    offline.startWith(null),
  )
  .skip(1)
  .map(() => navigator.onLine)

如果您想了解skip(1)的初始状态，或许您甚至不需要使用navigator.onLine。

CombineLatest第一个不发射的事件

1 个答案: