- Создайте новый Angular проект с помощью Angular CLI.
- Установите json-server для имитации backend:
npm install -g json-server - В корне проекта создайте файл db.json с данными для заметок:
{
"notes": [
{
"id": 1,
"title": "First Note",
"content": "This is the content of the first note."
},
{
"id": 2,
"title": "Second Note",
"content": "This is the content of the second note."
}
]
}
- Создайте интерфейс Note с полями id, title, content.
- Создайте два сервиса:
- Один для работы с заметками через API (NotesApiService)
- Другой для работы с заметками через localStorage (LocalStorageNotesService)
- Реализуйте методы для получения, добавления заметок
- Создайте сервис, который будет сохранять информацию о том, какой тип сервиса используется (API или localStorage)
- в app.component поместите логику создания новой заметки, получения заметок и используя DI, переключения между сервисами (переключение должно вызывать перезагрузку страницы)
- Проверьте выполнение всех заданий, запустив Angular приложение. Убедитесь, что зависимости инжектируются корректно. Также убедитесь, что заметки загружаются из соответствующего сервиса в зависимости от выбранного типа сервиса