Angular2：组件的组织程度如何？

Question

例如：我有一个显示帖子列表的组件。它们是通过服务检索的，并且都显示在一个表中，每个帖子一行。这是我的PostComponent。

现在我还要编辑帖子并为其添加表单。

我应该将表单添加到PostComponent并为两者使用一个组件吗？

我应该在新文件中添加一个新的PostFormComponent并在PostComponent中注入（或者我需要的地方）？

我应该在与PostComponent相同的文件中定义第二个组件吗？

我知道最佳实践问题往往会被低估，但我对你的方法和最佳实践非常好奇。我知道这三个都有效。

谢谢！

Answer 1

在Angular 2中构建主要有两种类型的组件：

• Routable components
• 嵌套组件

当您具有属于另一个“页面”的功能时，请使用嵌套组件。例如显示星级或标准地址块的组件。通常这些可以在多个页面上重复使用。

当您需要一个“接管”页面的全部或重要部分的模板时，请使用可路由组件。因此，如果您的应用程序具有欢迎页面，发布列表页面，发布详细信息页面和发布编辑页面，则每个应用程序都将是其自己的可路由组件。

正如之前的海报建议......查看Angular文档中的样式指南。

Answer 2

我无法理解你的具体用例（没有尝试过努力;-)）但是一般来说像类一样的Angular组件应该做一件事并且做得好。除此之外，没有太多可以考虑是否应该创建几个或只是一个组件。 通常这意味着更多的组件会更好。

Angular2 style guide（我还没有找到关于组件粒度的指南，但是还有很多其他有用的注意事项） 这里添加了更好的可视性。感谢@lexit的提示！