step04.md

KatlaSport Project

Шаг 4. Product Category List

Задание

Добавить колонку "Products" на страницу "Product Category List" с количеством продуктов для этой категории. Для этого шага в коде есть подсказки "TODO STEP 4".

Выполнение

1. "step4".
2. Открыть разметку компонента ProductCategoryListComponent.
3. Добавить колонку Products в заголовок таблицы:

<th scope="col">Products</th>

4. Добавить ячейку с количеством продуктов в строку таблицы:

<td>{{productCategory.productCount}}</td>

5. Собрать проект, исправить ошибки и предупреждения (если есть).
6. Сохранить изменения как отдельный коммит с понятным описанием "Add Products column to ProductCategoryListComponent.".
7. Слить ветку "step4" с веткой "master".

Проверка

1. Отрыть http://localhost/categories.
2. Найти колонку Products с количеством продуктов в каждой категории.

Материалы

Материалы для самостоятельного изучения:

• Angular Tutorial
  • Displaying a List

Дополнительные материалы:

• Displaying Data
• Template Syntax