app.component.ts

import { Component } from '@angular/core';
import { Store, Select } from '@ngxs/store';
import { Observable } from 'rxjs';
import { Dispatch } from '@ngxs-labs/dispatch-decorator'

import { CountState } from './store/counter/count.state';
import { Increment, Decrement } from './store/counter/count.actions';

@Component({
  selector: 'my-app',
  template: `
    <p>
      NGXS counter: {{ count$ | async }}
      <button (click)="increment()">+</button>
      <button (click)="decrement()">-</button>
    </p>
  `
})
export class AppComponent  {
  @Select(CountState) count$: Observable<number>;
  @Dispatch() public increment = () => new Increment();
  @Dispatch() public decrement = () => new Decrement();
}