counter-lifecycle.ngxs-data.ts

@StateRepository()
@State({
    name: 'counter',
    defaults: 0
})
@Injectable()
class CounterState extends NgxsDataRepository<number> 
    implements NgxsDataDoCheck, NgxsDataAfterReset {
 
    private subscription: Subscription;

    constructor(private customer: CustomerService) {
        super();
    }
  
    /**
     * @description:
     * This method guarantees that it will be called after the application is rendered
     * and all services of the Angular are loaded, so you can subscribe to the necessary
     * data streams (any observables) in this method and unsubscribe later in the method `ngxsDataAfterReset`
     */
    public ngxsDataDoCheck(): void {
        console.log(this.isInitialised); // true
        console.log(this.isBootstrapped); // true
        this.subscription = this.customer.events.subscribe((e) => console.log(e));
    }

    public ngxsDataAfterReset(): void {
        this.subscription?.unsubscribe();
    }
}