Expert Angular

Using inline Template Syntax

We discussed including templates in different ways in our component. Let's learn how to define our template inside the component.

The syntax for using templates inside the component decorator is as follows:

import {Component, View} from "@angular/core";@Component({ selector: 'my-app', template: `<h2> {{ title }} </h2>`})export class MyTemplate { title = 'Learning Angular!!!'}

The most important things to note in the preceding code snippet are as follows:

1. We are defining the template inside the @component decorator.
2. The component class definition and template are defined in the same file.