相关疑难解决方法(0)

我有一个商店,它暴露了一个asObservable.视图订阅此并显示数据.因为我已将其更改为Singleton服务,所以它正在进行首次加载,当我第一次进入页面时,没有显示数据且没有触发订阅事件.在对数据执行某些操作之后,会导致subject.next被调用,它会更新并且视图会更新,一切都很棒.

我确保这不是竞争条件问题,并且在调用页面构造函数时数据存储在商店中.

事件顺序如下(在调试期间确认):

1. 数据从服务器加载
2. 使用正确的数据调用subject.next()
3. 调用组件构造函数,订阅观察者

没有订阅事件触发,也没有数据填充,即使它存在于商店中.如果我然后在列表上执行某种crud操作,则所有内容都按预期级联,调用next(),并发生订阅事件.

如何让页面在页面加载时读取数据？

数据存储

protected _subject$: Subject<Array<any>>;
this._subject$.next(newData);  // confirmed via console this happens with good data

get contacts$(): Observable<any> {
  return this._subject$.asObservable();
}

组件 - 我已经尝试将下面的块放在构造函数和ngAfterViewInit中,结果相同

// this happens after the above data is already set
this.contacts$.subscribe(data => {
    // this block does not execute on page load
  });