使用ngxs更改属性的值

export class AppState {
  count: number;
}

import { State, Action, StateContext } from '@ngxs/store';

export class IncrementCount {
  static readonly type = '[App] Increment Count';
}

@State<AppState>({
  name: 'app',
  defaults: {
    count: 0
  }
})
export class AppStore {
  @Action(IncrementCount)
  incrementCount(ctx: StateContext<AppState>) {
    const state = ctx.getState();
    ctx.patchState({
      count: state.count + 1
    });
  }
}

import { Component } from '@angular/core';
import { Store } from '@ngxs/store';
import { IncrementCount } from './app.store';

@Component({
  selector: 'app-root',
  template: `
    <button (click)="increment()">Increment</button>
    <p>Count: {{ count }}</p>
  `
})
export class AppComponent {
  count: number;

  constructor(private store: Store) {
    this.count = this.store.selectSnapshot(state => state.app.count);
  }

  increment() {
    this.store.dispatch(new IncrementCount());
  }
}