Search⌘ K
AI Features
Home
Courses
Angular: Designing and Architecting Web Applications

Interpolation

Explore Angular interpolation by learning how to reverse and display text dynamically. Understand how expressions evaluate in templates, how to bind component properties, and update the UI efficiently using double curly braces.

We'll cover the following...

It’s time to reverse the string and output the results. This will involve a process called interpolation.

Terminology

Angular loves its terminology. Some words, such as interpolation and expressions, come up frequently. Let’s explore what these are.

Expressions

In JavaScript, expressions are single lines of code that evaluate to a single value. The value can be a number, string, or logical value. There are all kinds of expressions. Arithmetic operations, basic string manipulation, and logical comparisons are all considered expressions. Here are some examples of expressions:

Javascript (babel-node)
// Number Expression

2 + 2; // Evaluates to 4



// String Expression

"hello".toUpperCase(); // Evaluates to "HELLO"



// Logical Expression

100 === 100 // Evalutes to true

To add a bit more clarity, here are some examples ...