天天看點

SAP 電商雲 Spartacus UI shipping method 切換時的 spinner 顯示

  1. component 裡增加一個新成員屬性:setModePressed, 預設為 false
SAP 電商雲 Spartacus UI shipping method 切換時的 spinner 顯示

在 changeMode 函數執行時,将該屬性設定為 true:

SAP 電商雲 Spartacus UI shipping method 切換時的 spinner 顯示
  1. 然後,在對應的 effect 成功調用了 HTTP put 方法之後,将該 boolean 值重新設定為 false.
SAP 電商雲 Spartacus UI shipping method 切換時的 spinner 顯示

我們通過捕捉 DeliveryModeEvent, 來獲知何時 Delivery Mode 成功被設定。

SAP 電商雲 Spartacus UI shipping method 切換時的 spinner 顯示

我們通過下列代碼,将 DeliveryModeEvent 同 Ngrx action CheckoutActions.SET_DELIVERY_MODE_SUCCESS 綁定在一起。這樣一來,一旦有 Ngrx action 發生,我們就能撲捉到它綁定的 DeliveryModeEvent.

SAP 電商雲 Spartacus UI shipping method 切換時的 spinner 顯示

繼續閱讀