时间戳

首页 > 解决方案 > Angular 6 中的 RXJS 仅返回 { "_isScalar": false }

angular - Angular 6 中的 RXJS 仅返回 { "_isScalar": false }

问题描述

我是RXJS第一次尝试。尽管我正在按照我在教程中找到的步骤进行操作，但实际上我的组件并没有得到满足，Store而是得到了 object { "_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：我检查了状态文件并意识到状态正在正确更新。接收组件仍然无法获取数据，而是获取上述对象。

标签： angularrxjsngxs

解决方案

其可观察。你不能像{{selectedProcess}}. 您必须使用async订阅 observable 并打印结果的管道：

{{selectedProcess | async}}

推荐阅读