Cookies concent notice

This site uses cookies from Google to deliver its services and to analyze traffic.
Learn more
Skip to main content
This site is no longer updated.Head to Angular.devHome
/

This is the archived documentation for Angular v17. Please visit angular.dev to see this page for the current version of Angular.

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.

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

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