component 里增加一个新成员属性:setModePressed, 默认为 false
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLicmbw5SMhV2NmFGZ1kjMmBjYiBDOmZWY0YTMmdTYmFWZ4UjZz8CX5d2bs92Yl1iclB3bsVmdlR2LcNWaw9CXt92Yu4GZjlGbh5yYjV3Lc9CX6MHc0RHaiojIsJye.png)
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.