Angular 5 Component становится слишком большим

Question

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

Нам интересно, как мы можем разделитьЭто.Вот почему любая помощь / понимание были бы очень благодарны.

Структура файла:

Переменные класса:

map: Map
jobs: Jobs[]
locations: Loc[]
building: Building[]

Методы: (методы в основном заполняют элементына карте)

Переменная карты является общей для всех методов и используется в качестве контейнера.

loadData()
displayJobs(data: Jobs[]){
displayLocations(data: Jobs[])
createBuildings(data: Building[])

loadData -> Получить все данные с сервера, а затем эти данныеиспользуются в различных методах для ее построения на карте.

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

IsЕсть ли «правильный» способ разделить этот метод на несколько файлов, компонентов, не знаете?

Чтобы сделать этот основной компонент более понятным и простым в обслуживании.

Спасибо

Answer 1

Конечно, вы можете уточнить этот код.Я бы предложил создать сервис для каждого объекта (Job, Location, Building) и поместить всю бизнес-логику в эти сервисы.Используйте компонент, насколько это возможно, только для презентации и взаимодействия с сервисом.Таким образом, вы значительно сократите размер вашего компонента и получите улучшенный обслуживаемый код.