如何构建角度应用程序

Question

我必须构建和设计 Angular 应用程序的组件和模块的计划。

请按照提供详细信息的屏幕截图。

1. 应用程序的入口页面是Landing Page，其中我们有 3 个不同的按钮 [B1、B2、B3]。

2. 当点击登陆页面上的按钮时，用户登陆到三个不同的页面，（页面1、页面2、页面3对应按钮）

3. 从第1页到第4页，第4页由一些可以跨多个页面使用的通用组件组成，这些组件可以是工具栏、产品标题、按钮栏。

4. 点击页面 4 上的按钮 B4 时，用户会到达页面 5。

5. 在第 5 页，我们有通用组件，这些组件在后续的第 6、7、8 页中是通用的。

6. 从第 5 页开始，我们有一个组件，它有一段屏幕 [S1、S2、S3、S4]

7. 单击 S1 到 S4 时，布局将相同，仅更改内容。

如何在 angular 上创建结构和模块化这个应用程序？

下面我分享我的知识：

组件：

• 登陆页面

• 根

  • 工具栏（子组件）
  • 产品标题（子组件）
  • 按钮栏（子组件）
  • 分段栏（仅从第 5 页可见）

• 共享模块

  • 工具栏
  • 产品标题
  • 按钮栏
  • 分段栏

• 服务模块

  • 服务

Answer 1

我的建议会是这样。

src
 -pages
  --Landing Page
  --page1
  --page2
  --page3

 -services
  --service

 -components
  --toolbar
  --product heading
  --button bar
  --segment bar

您也可以根据要求重构页面。 例如如果主要是所有组件在这些页面上都是通用的。您可以将所有这些通用组件重构为单独的组件，然后您可以将该组件包含在您的页面中。

希望这会有所帮助。如果您有任何疑问，请告诉我