angular - @ngrx/store - 商店不会以异步/离开的方式返回数据

Question

从商店获取值(value)时遇到问题。操作挂起。我尝试通过以下方式获取数据:

async onInit(params: Params) { 
  // it hangs on the line bellow
  var userToken = await this.store.select(fromRoot.getUserToken).toPromise();  
  console.log(userToken);
}

然后我执行以下异步函数:

ngOnInit(): void {
this.route.params.subscribe(params => {
  this.onInit(params).then(() => console.log('promise executed'));
});

永远不会返回用户 token 。

如果我订阅了商店，那么它工作正常。

this.store.select(fromRoot.getUserToken).subscribe(ut => {
  console.log(ut);
});

Answer 1

我最近也有这个问题。正如@maxime1992 表明您需要一个运算符来结束可观察对象。async onInit(params: Params) {
// it hangs on the line bellow
var userToken = await this.store.select(fromRoot.getUserToken).pipe(take(1)).toPromise();

console.log(userToken);
}