Cacher is the code snippet organizer for pro developers

export class TodosPageComponent {

  filters = [{id: "SHOW_ALL", title: "All"}, {id: "SHOW_COMPLETED", title: "Completed"}, {
    id: "SHOW_ACTIVE",
    title: "Active"
  }];

  activeFilter : Observable<any>;

  constructor( private store : Store<any>, private todosEffects : TodosEffects ) {
    ...
    this.activeFilter = store.select("visibilityFilter").take(1);
  }

  changeFilter( filter ) {
    this.store.dispatch(setVisibilityFilter(filter));
    this.store.dispatch(getTodos());
  }

}