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) >[Template statements](#template-statements) >[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`](#ngModel) >[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/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 +makeExample('template-syntax/ts/app/app.component.html', 'my-first-app')(format=".") :marked Almost all HTML syntax is valid template syntax. The `