Добавить колонки "Code" и "Name" на страницу "Hive List" для отображения кода и имени каждой категории. Для этого шага в коде есть подсказки "TODO STEP 6".
- "step6".
- Открыть модель HiveListItem.
- Добавить в конструктор параметры name и code:
public name: string,
public code: string,
- Открыть разметку компонента HiveListComponent.
- Добавить в заголовок таблицы колонки "Code" и "Name".
- Добавить в строку таблицы колонки для отображения code и name полей модели.
- Добавить кнопку перехода на секции:
<div class="btn-group mr-2" role="group" aria-label="View group">
<button routerLink="/hive/{{hive.id}}/sections" type="button" class="btn btn-primary">View sections</button>
</div>
- Добавить кнопку перехода на редактор:
<div class="btn-group" role="group" aria-label="Edit group">
<button routerLink="/hive/{{hive.id}}" type="button" class="btn btn-primary">Edit</button>
</div>
- Собрать проект, исправить ошибки и предупреждения (если есть).
- Сохранить изменения как отдельный коммит с понятным описанием "Add Code and Name columns to hive-list component.".
- "step6" -> "master".
- Открыть http://localhost/hives.
- Найти колонки "Name" и "Code".
- Найти кнопки "View sections" и "Edit".
Материалы для самостоятельного изучения:
- Angular Tutorial
- Displaying a List
Дополнительные материалы: