我正在开发一个Angular 5应用程序，我们的一个组件文件正在变得越来越大，数千行并且越来越多......这最终将难以维护和理解。
我们想知道我们如何分裂它。这就是为什么任何帮助/见解都会受到极大的赞赏。
文件的结构是：
类变量：
map: Map
jobs: Jobs[]
locations: Loc[]
building: Building[]
方法:(方法基本上填充地图上的元素）
map变量在所有方法之间共享，并用作容器。
loadData()
displayJobs(data: Jobs[]){
displayLocations(data: Jobs[])
createBuildings(data: Building[])
loadData - ＆gt;从服务器获取所有数据，然后使用不同的方法将这些数据绘制在地图上。
我们有更多方法使用类似方法读取loadData中提取的数据并将其绘制在地图上。
有没有“正确”的方法将这些方法分成几个文件，组件，不知道？
使这个主要组件更清晰，更易于维护。
由于
答案 0 :(得分：1)
当然，您可以优化此代码。我建议为每个对象（作业，位置，建筑物）构建服务，并将整个业务逻辑放在这些服务中。尽可能使用该组件仅用于演示和与服务的交互。因此，您可以极大地缩小组件的大小，并且您将拥有更好的可维护代码。