從 ngOnInit 調用時 Observable.next 不起作用

Question

1.

我正在嘗試從頭開始做ngrx/redux類的ngrx/redux ，但遇到了問題。

基本上我想從 ngOnInit 發送一個事件並且狀態應該改變。 還應該打印該事件已處理。

我不知道問題是否出在 AppComponent 中 - 訂閱在模板中：

<div *ngIf="(state$ | async) as state">
  This is state {{state | json}}
</div>

或者 action$ 類型錯誤的東西（當前主題）。

2. 為什么這在被router.navigate(...)調用時router.navigate(...)

https://stackblitz.com/edit/angular-h9fbvu

Answer 1

Angular 在ngOnInit鈎子被觸發后開始檢查模板。

這意味着您的state$ observable 在執行ngOnInit時沒有任何訂閱者。

這里的另一個關鍵點是您將Subject用於不包含以前值的操作。 一旦你用BehaviorSubject替換它，它應該開始工作

actions$: Subject<Action> = new Subject<Action>();
                                 ||
                                 \/
actions$: Subject<Action> = new BehaviorSubject<Action>(null);

分叉的堆棧閃電戰