RXJS в Angular 6 возвращает только {"_isScalar": false} - PullRequest
Новая
       14

RXJS в Angular 6 возвращает только {"_isScalar": false}

0 голосов
/ 02 ноября 2018

Я пытаюсь 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: я проверил файл состояния и понял, что состояние обновляется правильно. Тем не менее, принимающий компонент не может получить данные, но вместо этого получает вышеупомянутый объект.

1 Ответ

0 голосов
/ 02 ноября 2018

Его можно наблюдать. Вы не можете просто напечатать это как {{selectedProcess}}. Вы должны использовать async трубу, которая подписывается на наблюдаемый и выводит результат: 

{{selectedProcess | async}}
...