Templates

Вы определяете компонент со своим template. Template - это форма HTML, которая сообщает Angular о том, как визуализировать компонент.

Шаблон выглядит как обычный HTML, за исключением нескольких отличий. Вот шаблон для нашего TodoListComponent:

<h2>Todo List</h2>
<ul class="todo-list">
  <li *ngFor="todo of todoList" (click)="openTodo(todo)">
    {{ todo.title }}
  </li>
</ul>

Хотя этот шаблон использует типичные элементы HTML, такие как

<h2> и <p>, он также имеет некоторые отличия. Код типа *ngFor, {{ todo.name }}, (click) использует синтаксис шаблона Angular.

Создадим еще один компонент TodoItemComponent