counter.component.ts

// ...

@Component({
  selector: 'counter',
  template: `
    value: {{ (counter$ | async).value }} <br>
    <button (click)="increment()">increment</button>
  `
})
export class CounterComponent {
   @Select(CounterState) 
   public counter$: Observable<CounterModel>;
   
   constructor(private store: Store) {}
   
   public increment(): void {
     this.store.dispatch(new IncrementAction());
   }
}