How can I manage state in Angular using services?

How can I manage state in Angular using services?

You can manage state in Angular by creating services that hold the state and provide methods to update it.

Can you give me an example of a service for state management?

Sure! You can create a service like this:

import { Injectable } from '@angular/core';

@Injectable({ providedIn: 'root' })
export class StateService {
  private state = { count: 0 };

  getState() {
    return this.state;
  }

  increment() {
    this.state.count++;
  }
}

How do I use this service in a component?

You can inject the service into your component's constructor and use its methods like this:

import { Component } from '@angular/core';
import { StateService } from './state.service';

@Component({ selector: 'app-counter', template: `<button (click)="increment()">Increment</button>` })
export class CounterComponent {
  constructor(private stateService: StateService) {}

  increment() {
    this.stateService.increment();
  }
}

What if I need to share state between multiple components?

You can still use the same service. Since it's a singleton, all components that inject it will share the same state.