Master

Angular

Development

export class CounterComponent {
  count = signal(0);
  
  // Track total clicks using scan operator
  totalClicks$ = fromEvent(document, 'click').pipe(
    scan((total) => total + 1, 0)
  );

  // Computed values automatically update
  doubled = computed(() => this.count() * 2);
  isEven = computed(() => this.count() % 2 === 0);

  increment() {
    this.count.update(c => c + 1);
  }

  decrement() {
    this.count.update(c => c - 1);
  }

  reset() {
    this.count.set(0);
  }
}