angular-architecture

项目介绍：Angular Architecture

Angular Architecture 项目是一个代码示例，旨在演示各种 Angular 架构概念。该项目应用于 Pluralsight 上的“Angular 架构和最佳实践”视频课程以及指导培训课程，帮助开发者更好地理解和应用 Angular 框架的架构理念。

如何运行应用程序

要在本地运行该应用程序，您需要按照以下步骤进行设置：

1. 安装 Angular CLI：运行 npm install -g @angular/cli 命令来全局安装 Angular 命令行工具。
2. 打开项目中的 demos 文件夹，并运行 npm install 安装所需的依赖包。
3. 在 demos 文件夹中运行 ng serve -o，这将启动服务器并自动在浏览器中打开应用程序。

主要演示内容

该项目包含多个主要演示，这些演示涵盖了多方面的 Angular 架构概念：

• Communication（通信）：展示如何使用服务和主题（Subjects）来实现组件间通信。
• Component Inheritance（组件继承）：展示组件继承的使用方法。
• Features Modules（特性模块）：使用 NgModules 组织应用结构的示例。
• Http Client RxJS：结合使用 RxJS 操作符来处理 HTTP 请求结果。
• Pipes and Functions（管道和函数）：演示如何在应用程序中使用管道。
• Planning（规划）：为应用程序规划提供一些有用的建议。
• Signals（信号）：简单的信号示例。
• Structuring Components（组件结构化）：讲解组件呈现和变更检测的最佳实践。
• Subjects（主题）：展示各种主题类型的简单用法。
• View Models（视图模型）：逐步讲解视图模型的实用性。

其他演示项目

除了主要演示外，该项目还提供了一些额外演示项目，帮助进一步理解 Angular 的应用：

• Cloning（克隆）：在 cloning 文件夹中运行项目。
• Input/Output Properties：在 input-output-demo 项目中运行示例。
• Shared Library（共享库）：在 shared-library-example 项目中查看示例。
• State Management（状态管理）：在 state-management 文件夹中选择并运行任何演示。
• State - DIY Store：使用主题和观察者在 state-management/diy-store 文件夹中管理一个简单的应用。
• State - NgRx：在 state-management/ngrx 文件夹中查看 NgRx 状态管理示例。
• State - ngrx-data：在 state-management/ngrx-data 文件夹中运行项目。
• State - Observable Store：在 state-management/observable-store 文件夹中使用 Observable Store 库。

Angular JumpStart 应用

本项目的内容部分基于一个名为 Angular JumpStart 的应用示例。开发者可以参考该应用来更好地遵循课程中的架构规则，并在 GitHub 仓库中找到完整代码。