Template Expressions

A Template Expression is a binding expression enclosed within curly brackets.

Whenever the bound node changes the Template Expression will update and be substituted by its value. This is especially useful for manipulating CSS from data.

Try removing chars from input one by one...

Once the node bound to greeting changes the template expressions (enclosed in '{}' brackets) are re-evaluated resulting in the div element getting its CSS classes updated and different styles will match.