Angular 指南 🧭

Angular 是一个用于构建动态 Web 应用的开源框架，由 Google 维护。以下是关键知识点速览：

核心概念 📌

• 组件（Component）
  <center><img src="https://cloud-image.ullrai.com/q/Angular_Component/" alt="Angular_Component"/></center>
  组件是 Angular 应用的构建块，包含模板、逻辑和样式。
• 指令（Directive）
  <center><img src="https://cloud-image.ullrai.com/q/Template_Directive/" alt="Template_Directive"/></center>
  指令用于标记 HTML 元素，扩展其功能（如 *ngFor、*ngIf）。
• 服务（Service）
  <center><img src="https://cloud-image.ullrai.com/q/Service_Dependency/" alt="Service_Dependency"/></center>
  服务用于封装业务逻辑和数据处理，通过依赖注入实现复用。

开发流程 🚀

1. 安装 Angular CLI
   $ npm install -g @angular/cli
   了解更多 → /angular_tutorial
2. 创建项目
   ng new my-app
   自动生成项目结构和基础文件。
3. 构建模块（Module）
   <center><img src="https://cloud-image.ullrai.com/q/Module_Structure/" alt="Module_Structure"/></center>
   模块组织功能和组件，通过 @NgModule 装饰器定义。

最佳实践 ✅

• 使用 Pipe 进行数据格式化
  <center><img src="https://cloud-image.ullrai.com/q/Custom_Pipe/" alt="Custom_Pipe"/></center>
  示例：{{ name | uppercase }}
• 遵循 MVC 架构
  <center><img src="https://cloud-image.ullrai.com/q/MVC_Architecture/" alt="MVC_Architecture"/></center>
  模型（Model）、视图（View）、控制器（Controller）分层管理。
• 通过 RxJS 处理异步操作
  <center><img src="https://cloud-image.ullrai.com/q/RxJS_Operator/" alt="RxJS_Operator"/></center>
  使用 Observable 和 Operators 实现响应式编程。

深入学习 Angular CLI 使用 → /angular_cli