# Interpolation & Property Binding — Angular

Source: https://www.geekswithgeeks.com/en/angular/ng-interpolation-property-binding

> Get data from your class into the template.

## Interpolation

`{{ expression }}` inserts a value as text inside the template.

```html
<h1>{{ title }}</h1>
<p>Total: {{ price * quantity }}</p>
```

## Property binding

`[property]="expression"` binds a DOM property (not just text) to a class value.

```html
<img [src]="photoUrl" [alt]="photoAlt">
<button [disabled]="isSaving">Save</button>
```

## One-way, class to view

Both are **one-way**: data flows from the component class to the template. Change the class field and the view updates automatically.