Angular 6中的RXJS僅返回{“ _isScalar”：false}

Question

我是第一次嘗試RXJS 。 盡管按照我在教程中發現的步驟進行操作，但實際上我的組件不是在Store獲得{ "_isScalar": false }的狀態，而是在獲取對象{ "_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}}