как увеличить и уменьшить счетчик в угловых

Question

подскажите, пожалуйста, как увеличить и уменьшить счетчик в угловых значениях 4 Я использовал ngrx для управления состоянием. Но я не могу увеличить и уменьшить значение

вот мой код https://stackblitz.com/edit/angular-q8nsfz?file=src%2Fapp%2Fapp.component.ts

incrementCounter() {
    this.store.dispatch(new IncreamentCounter());
  }

  decrementCounter() {
    this.store.dispatch(new DecrementCounter());
  }
  ngOnInit(){
    this.counter =this.store.select('counterValue');

  }

Answer 1

Напишите:

<div class="container">
  <button (click)="incrementCounter()">Increment</button>
  <button (click)="decrementCounter()">Decrement</button>
   {{(c | async | json)}}
</div>
ngOnInit(){
    this.c =this.store.select('counterValue');

  }

и посмотрите, что произойдет: счетчик станет {counter: -1} или {counter: 1}

Итак, измените код с помощью переменной "contador""

<div class="container">
  <button (click)="incrementCounter()">Increment</button>
  <button (click)="decrementCounter()">Decrement</button>
   {{contador)}}
</div>
contador:number=0;
ngOnInit(){
  this.store.select('counterValue').subscribe(val=>{
      this.contador+=val.counter;
    });
}