Angular 2+：分解大型component.ts文件的角度方法

Question

这个问题与代码组织有关。 我是一个名为ng-simple-slideshow的Angular包的作者。 到目前为止，最长的文件是幻灯片的component.ts文件。 这么长的时间变得难以阅读。

分离此代码的组织性和可读性的角度方法是什么？

Answer 1

当我使用angular 2+设计类时，我使用了诸如Java之类的面向对象编程语言的概念。 继承，封装，多态和抽象（Java的4个PILLARS）。

我尝试将我的课程设计为专注于单一目的。

使用基于继承和复合的设计来提供代码：可重用性，可读性以及类之间的松散耦合。

项目树结构，命名类/文件也很重要。 如果操作正确，它可以提供代码库中现有内容的高级视图，并使其他人更容易使用它。