Angular course, template basics: Interpolation and expressions

Angular image

Let’s begin this course with the basics of interpolation and expressions in Angular.

Interpolation allows Angular to bind specific properties from typescript/javascript code to the template (HTML code).

Typescript code:

HTML code:

This is the simplest usage of interpolation in Angular.

The next iteration is with expressions.
Using multiple variables we can mix them to get nice expressions inside our templates which can result in great stuff.

Examples: Numbers, pictures, etc.

TS:

Template:

GitHub repo:
https://github.com/miki995/angular-course

Live Demo:
https://miki995.github.io/angular-course/#/interpolation

Previous Story — Architecture overview:
https://medium.com/swlh/angular-course-architecture-overview-3c4db125cdd1