include ../../../../_includes/_util-fns
:marked
# Template Syntax
Our Angular application manages what the user sees and does through the interaction of a Component class instance and its user-facing template.
Many of us are familiar with the Component/Template duality from our experience with Model-View-Controller or Model-View-ViewModel. In Angular, the Component plays the part of the Controller/ViewModel and the Template represents the view.
Let’s find out what it takes to write a Template for our view.
We’ll cover these basic elements of Template Syntax
>[HTML](#html)
>[Interpolation](#interpolation)
>[Template expressions](#template-expressions)
>[Binding syntax](#binding-syntax)
>[Property Binding](#property-binding)
>[Attribute, Class and Style Bindings](#other-bindings)
>[Event Binding](#event-binding)
>[Two-way data binding with `NgModel`](#ng-model)
>[Built-in Directives](#directives)
>[* and <template>](#star-template)
>[Local template variables](#local-vars)
>[Input and Output Properties](#inputs-outputs)
>[Template Expression Operators](#expression-operators)
[Live Example](/resources/live-examples/template-syntax/ts/src/plnkr.html)
.l-main-section
:marked
## HTML
HTML is the language of the Angular template. Our “[QuickStart](./quickstart.html)” application had a template that was pure HTML
code-example(format="" language="html" escape="html").
My First Angular Application
:marked
Almost all HTML syntax is valid template syntax. The `