Question

我们将从Angular 8开始，希望创建一个如下所示的Web应用程序：

顶部的导航栏带有几个下拉菜单项，每个都指向不同的UI页面。
中间部分用于显示“每个页面”。示例：1.销售部分 2.客户清单部分 3.应收帐款部分
底部是页脚

----------------------------------------------------------------
NAVIGATION MENU         Sales     CustomerList       AcctReceivable 
-----------------------------------------------------------------


DIFFERENT PAGES / SECTIONS
(Sales page/CustomerList/AcctReceivable)





------------------------------------------------------------------
FOOTER
------------------------------------------------------------------

导航栏和页脚在整个应用程序中保持静态。但是，中间部分会根据用户单击的菜单项及其嵌入的超链接而变化。

组织此应用程序的8种方式是什么？

应该是一个模块应用程序，每个菜单项（页面）[懒惰]都会在中间部分加载各个组件？
每个页面是否应该有多个模块，其中Navigation和Footer是常见的导入组件，并且在每个模块的顶部和底部显示？

Answer 1

在您的情况下1.销售部分2.客户列表部分3.应收帐款部分是功能。因此，您应该为其中的每一个创建一个功能模块导航栏和页脚的内容没有改变，应该在开始时进行加载，因此它们应该位于核心模块中

有关更多参考，您可以参考 1.用于构造https://medium.com/@sdbala/structuring-angular-applications-ee9ed3910e9c 2.用于路由https://blog.angular-university.io/angular-2-router-nested-routes-and-nested-auxiliary-routes-build-a-menu-navigation-system/

您只能延迟加载模块，而不能分离组件。因此最好使用功能模块，在这种情况下，可以根据需要将功能拆分为多个组件。例如，如果“销售”部分具有明细部分和表格。这些可以是2个组件，如果table是可以被概括并在不同模块中使用的组件，则可以将table组件添加到共享模块

每页角模块vs每页组件？

1 个答案: