What is Angular's template syntax used for displaying dynamic values on the page?

You use double curly braces, called interpolation, to display the value of a property directly inside your HTML template. Angular automatically keeps this displayed value in sync whenever the underlying property changes.

@Component({
  selector: 'app-price',
  template: `<p>Total: {{ price * quantity }}</p>`
})
export class PriceComponent {
  price = 10;
  quantity = 3;
}