ngrx：如何同步URL和存儲數據

Question

我開始使用ngrx，並且不清楚將對URL所做的更改同步到存儲的概念。

讓我解釋。 我有一家商店：

{
  "company": "AAA"
}

該值在多個組件中都是必需的，因此它存在於商店中。 該應用程序包含一個下拉菜單，用戶可以在其中更改公司。

用戶在下拉菜單中更改公司，商店已更新，URL已更新為/company/BBB 。 容器組件可以在商店中看到BBB。

還不清楚當用戶直接點擊/company/BBB時如何處理情況？ 如何同步存儲？

Answer 1

NgRx的關鍵概念是。

SideEffects用於處理異步操作，例如HttpRequest。

Reducer用於同步操作，例如click事件。

因此，您可以做的是，如@ j3ff建議使用router-store（如果您要使用很少的路由，則相當過分）。 或者在調用該特定路由時為該路由分配操作 ，以使事情易於維護。

如果您需要快速實施，那么使用路由器存儲將花費大量時間。

請記住最適合您的內容，以提高可讀性並易於維護您的應用。

Answer 2

您應該使用@ngrx/router-store ，它將Angular路由器與您的商店綁定。 在每個路由器導航周期中，都會調度多個操作，這些操作使您可以偵聽路由器狀態的變化。 然后，您可以從路由器的狀態中選擇數據，以向應用程序提供其他信息。

在此處查看其文檔： https : //ngrx.io/guide/router-store