Блог

Мое приложение Angular 12-панель мониторинга для встроенной системы-использует файлы JSON, которые используются во время выполнения для создания форм и т. Д.

Некоторые файлы известны до компиляции. Я объявил интерфейс, позволяющий вводить их значения в код, и добавил typings.d.ts файл для объявления их в качестве модулей:

 declare module 'params.json' {
  const value: IParams;
  export default value;
}
 

Затем, в своих услугах, я просто включаю их таким образом:

 import params from 'src/assets/data/params.json';
 

Таким образом, я могу избежать однообразных HTTP-вызовов для чтения файлов. Вместо этого их содержимое включается в мое приложение во время сборки.

Однако у меня проблема с папкой файлов JSON, которая может содержать различное количество файлов. Я попытался пойти тем же путем:

 declare module 'sensors/*.json' {
  const value: ISensor;
  export default value;
}
 

Но тогда, как я смогу импортировать файлы?

В идеальном мире я хотел бы получить a Record<string, ISensor> с именами файлов в качестве ключа и содержимым файла JSON в качестве значения.

Пожалуйста, спросите меня о более подробной информации, если вопрос недостаточно ясен.