component 里增加一個新成員屬性：setModePressed, 默認為 false

在 changeMode 函數執行時，將該屬性設置為 true：

然后，在對應的 effect 成功調用了 HTTP put 方法之后，將該 boolean 值重新設置為 false.

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

constructor(private fb: FormBuilder,private checkoutDeliveryService: CheckoutDeliveryFacade,private checkoutConfigService: CheckoutConfigService,private activatedRoute: ActivatedRoute,private events: EventService,private ref: ChangeDetectorRef,protected checkoutStepService: CheckoutStepService,) {const result$ = this.events.get(DeliveryModeEvent);result$.subscribe((event) =>{console.log('Jerry set delivery mode finished: ',event);this.setModePressed = false;this.ref.markForCheck();});}

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

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的SAP 电商云 Spartacus UI shipping method 切换时的 spinner 显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。