Suggest an editImprove this articleRefine the answer for “How to use a signal in a component template?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)In a template, a signal is used as a function: you simply call `()` after its name. **Key point:** the parentheses are mandatory, without them Angular will not know that this is a signal call.Shown above the full answer for quick recall.Answer (EN)ImageIn a template, a signal is used **as a function**: you simply call `()` after its name. ### Example: ```ts import { Component, signal } from '@angular/core'; @Component({ selector: 'app-counter', template: ` <p>Counter: {{ counter() }}</p> <button (click)="counter.update(v => v + 1)">+</button> ` }) export class CounterComponent { counter = signal(0); } ``` ### How it works: - `counter()` reads the signal right in the template; - Angular tracks it on its own and updates only that area when the value changes; - nothing needs to be subscribed or unsubscribed, everything is reactive. **Important:** the parentheses are mandatory, without them Angular will not know that this is a signal call.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.