NG8109: Signals must be invoked in template interpolations.

Description

Angular Signals are zero-argument functions (() => T). When executed, they return the current value of the signal. This means they are meant to be invoked when used in template interpolations to render its value.

What should I do instead?

When you use a signal within a template interpolation, you need to invoke it to render its value.

      
        content_copy
      
      import {Component, signal, Signal} from '@angular/core';

@Component({
  // …
})
class MyComponent {
    mySignal: Signal = signal(0)
}
    

      
        content_copy
      
      <div>{{ mySignal() }}/div>