如何從ngrx商店獲取價值

Question

我有一個angular 8項目，我正在使用ngrx在狀態存儲中存儲對象數組。 我設法做到了，但是現在，我想使用狀態存儲中的數據向服務器發出post request 。

this.dataService.postData(this.store.pipe(select('dataStore')));

那是我正在嘗試的代碼，它不起作用。 謝謝

Answer 1

看起來您正在嘗試執行副作用。 為此，您應該在組件/服務中執行以下操作-

this.store.pipe(select('dataStore'), 
                take(1)
                switchMap((data) => {
                  return this.dataService.postData(data);
                }
               ).subscribe(responseOfDataService => {
                  //do whatever you want to do with the response
                  console.log(responseOfDataService);
               });

順便說一句-要處理的副作用，你應該嘗試NGRX影響- https://ngrx.io/guide/effects

Answer 2

嘗試以下

import { createFeatureSelector } from '@ngrx/store';

const dataSelector = createFeatureSelector('dataStore');

this.store.select(dataSelector).subscribe(
   (data) => {
     this.dataService.postData(data)
   }
);

Answer 3

最簡單的答案

this.store.pipe(select('dataStore'), take(1)).subscribe((data) => {

this.dataService.postData(data).subscribe();

});