import { StoreModule, MetaReducer, ActionReducerMap } from '@ngrx/store';
import { storeReset } from 'ngrx-store-reset';
 
import { ActionTypes } from './actions';
 
export interface State {
  // reducer interfaces
}
 
export const reducers: ActionReducerMap<State> = {
  // reducers
}
 
// Pass your action type (the one you'd like to reset the state) to the metareducer
export function storeResetMetaReducer(reducer: ActionReducer<State>): ActionReducer<State> {
  return storeReset({ action: ActionTypes.Logout })(reducer);
}
 
export const metaReducers: MetaReducer<State>[] = [ storeResetMetaReducer ];
 
@NgModule({
  imports: [
    StoreModule.forRoot(reducers, { metaReducers }),
  ]
})
export class AppModule {}

import { Component } from '@angular/core';
import { Store } from '@ngrx/store';
 
import { Logout } from './actions';
 
@Component({
    selector: 'app-my-component',
    templateUrl: './my-component.component.html',
    styleUrls: ['./my-component.component.scss']
})
export class MyComponentComponent {
    constructor(private store: Store<State>) {}
 
    logout() {
        this.store.dispatch(new Logout());
    }
}