Signals in Templates (Automatic Binding)

Signals can be used directly inside Angular templates.

import { Component, signal } from "@angular/core";

@Component({
  selector: "app-counter",
  templateUrl: "./counter.component.html",
})
export class CounterComponent {
  count = signal(0);

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

<p>{{ count() }}</p>

<button (click)="increment()">
  Increment
</button>