Angular 角度系统设计-组件

在创建有角度的页面时，您应该多久组件化一次

例如，假设我们有一个配置文件页面，那么显示图片、状态更新、用户信息是否都是配置文件组件上的独立组件

---

或者组件是用于可重用的东西，比如搜索文本框或其他东西，这取决于您的体系结构。通常，您创建的可重用的独立组件越多，您的应用程序就越具有模块化和可测试性。但是你必须小心，也许没有必要创建很多小组件。当将页面分成不同的组件时，您会将内容分成块。但这也需要时间，这取决于你的喜好。Angular的美妙之处在于，它为您提供了尽可能多或尽可能少地划分网站的选项。一般来说，如果你的网站被多次使用，那么你网站的每个方面都应该被做成一个组件

---

对于您的特定示例，对于多个用户，可能会有多个从结构角度看完全相同的配置文件页面，但内容会因登录的用户而异。配置文件页面应该是它自己的组件，但是如果将显示图片、状态更新或用户信息都作为它们自己的独立组件，则可能会有点过分，除非HTML标记过于详细。所有特定于用户的数据都可以通过

profile.component.html

模板中的

字符串插值

和

指令

来解决。如果你说分离较小的组件是一种过分的做法，在本周天气状况更新之后，我将如何轻松更改状态？我会建议尽可能多的组件化，在需要时可以轻松替换。此外，原子块应该是可重用的组件（按钮、输入、网格等）。我认为为1-5行代码制作一个组件肯定是过火了，除非这个代码在你的应用程序中重复使用，否则我认为将其制作成一个组件是有意义的。组件也带来了挑战，包括使用父/子组件中的@Input/@Output，如果它只是在主模板文件中就可以完全消除。答案没有对错之分，这是一种设计选择。