将html绑定到文件中的多个.ts文件

我目前正在开发一个Angular应用程序，特别是一个非常复杂的表格，在样式和功能方面

我的组件文件目前有2k行代码，它包含设置文本样式、设置表格样式、检查处理的数据是否正确、数据格式等功能。。。 许多函数直接从HTML域调用

---

有没有办法将这个相当大的文件分解成更小的文件？

您可以将组件分解成更小的文件并嵌套它们

典型示例：

<app-list>
  <app-list-item></app-list-item>
</app-list>

，因为它们很好地解释了这些概念

您应该进一步尝试将尽可能多的功能添加到。这也有助于使您的组件更小，更易于推理，并有助于测试

例如，用于检查所处理数据是否正确的
函数将是一个很好的服务方法示例。
您可以将组件拆分为较小的组件并嵌套它们

典型示例：

<app-list>
  <app-list-item></app-list-item>
</app-list>

，因为它们很好地解释了这些概念

您应该进一步尝试将尽可能多的功能添加到。这也有助于使您的组件更小，更易于推理，并有助于测试

例如，用于检查所处理数据是否正确的
函数将是一个很好的服务方法示例。
您可以基于功能创建子组件您可以基于功能创建子组件除了组件嵌套之外，可能还值得研究管道（用于数据转换）除了组件嵌套之外，还值得研究管道（用于数据转换）和结构指令。
<app-list>
  <app-list-item (onChildEvent)="updateParent($event)"></app-list-item>
</app-list>