Каждое приложение Angular, созданное с помощью @угловой/кли поставляется в комплекте с ресурсы папка, расположенная внутри источник каталог. И любой файл или папка, созданные внутри ресурсы папка становится общедоступной. Однако ваши возможности не ограничиваются этой папкой. Вы можете легко создать больше ресурсы как папки, добавив их пути в угловой.json файл. Давайте разберемся в этом подробно на примере.

Допустим, я хочу создать еще одну папку внутри источник каталог называется пользователи и добавьте в эту папку следующий файл json.

{
  "firstName": "John",
  "lastName": "Doe",
  "username": "rambo_was_real",
  "occupation": "Mall Santa"
}
Войти в полноэкранный режим

Выйти из полноэкранного режима

Мы назовем файл profile.json.

После того, как вы создали папку и добавили файл, вам нужно сообщить Angular об этой папке.

Это можно сделать, просто вставив следующую строку кода в ваш угловой.json файл под ресурсы ключ массива.

Опция активов внутри angular.json

Вот и все! После этого вы можете просто перезапустить приложение Angular и попытаться получить доступ к файлу через веб-браузер. Если вы сделали все, как ожидалось, вы увидите следующий вывод в веб-браузере.

Доступ к папке пользовательских активов через веб-браузер

Вы также можете запросить профиль.json файл с помощью службы HttpClient.

this.http
  .get('/users/profile.json')
  .subscribe((response) => console.log(response));
Войти в полноэкранный режим

Выйти из полноэкранного режима

Надеюсь, вам понравился этот пост. Если у вас есть какие-либо вопросы или отзывы, не стесняйтесь оставлять комментарии или обращаться ко мне в Твиттере. @harshalslimaye.

Кроме того, я хотел бы порекомендовать другую написанную мной статью, в которой рассказывается о технике под названием Виртуальная прокрутка в Angular что позволяет разработчикам отображать подмножество больших списков в небольших окнах просмотра и изменять данные подмножества по мере того, как пользователь продолжает прокручивать список.