Angular 6 returns 中的 RXJS 仅 { "_isScalar": false }

Question

我是第一次尝试 RXJS。尽管我按照我在教程中找到的步骤进行操作，但实际上我的组件没有获得 Store 中的状态，而是获得了对象 { "_isScalar": false }。

这里是代码：

组件 HTML:

<div>
    {{ selectedProcess }}
</div>

组件 TS：

import { Component, OnInit, Input } from '@angular/core';

import { Store, Select } from '@ngxs/store';
import { Observable } from 'rxjs';
import { Process } from '../../../../models/process';
import { ProcessState } from '../../../../state/process.state';

@Component({
  selector: 'app-process',
  templateUrl: './process.component.html',
  styleUrls: ['./process.component.scss']
})
export class OneProcessComponent implements OnInit {
  @Select(ProcessState.getProcess) selectedProcess: Observable<Process>;

  constructor(private store: Store) { }

  ngOnInit() {}
}

PS：我检查了状态文件并意识到状态正在正确更新。接收组件仍然无法获取数据，而是获取上述对象。

Answer 1

这是可以观察到的。您不能像 {{selectedProcess}} 那样打印它。您必须使用 async 订阅可观察的管道并打印出结果：

{{selectedProcess | async}}

Angular 6 returns 中的 RXJS 仅 { "_isScalar": false }

RXJS in Angular 6 returns only { "_isScalar": false }

rxjs

angular

ngxs