每页的角度模块与每页的组件? [关闭]
Posted
技术标签:
【中文标题】每页的角度模块与每页的组件? [关闭]【英文标题】:Angular module per page vs component per page? [closed] 【发布时间】:2019-12-30 23:16:49 【问题描述】:我们从 Angular 8 开始,并希望制作一个如下所示的 Web 应用程序:
-
顶部的导航栏有几个下拉菜单项,
每个都指向不同的 UI 页面。
中间部分用于显示“每一页”。
示例:1. 销售部分
2.客户列表部分
3. 应收账款部分
底部是页脚
----------------------------------------------------------------
NAVIGATION MENU Sales CustomerList AcctReceivable
-----------------------------------------------------------------
DIFFERENT PAGES / SECTIONS
(Sales page/CustomerList/AcctReceivable)
------------------------------------------------------------------
FOOTER
------------------------------------------------------------------
导航栏和页脚在整个应用程序中保持静态。但是,中间部分会根据用户单击的菜单项及其嵌入的超链接而有所不同。
Angular 8 组织这个应用程序的方式是什么?
应该是一个模块应用,每个菜单项(页面)[懒惰]在中间部分加载各自的组件?
每个页面是否应该有多个模块,导航和页脚是常见的导入组件,并显示在每个模块的顶部和底部?
【问题讨论】:
【参考方案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 组件添加到共享模块中
【讨论】:
以上是关于每页的角度模块与每页的组件? [关闭]的主要内容,如果未能解决你的问题,请参考以下文章
delphi 如何用reportbuilder 打印每页的小计