29、探索 Angular、Angular Material 和 RxJS

探索 Angular、Angular Material 和 RxJS

1. Angular 概述

Angular 支持单页面应用（SPA）的创建，它的架构包含以下关键部分：
- 模板和组件类可通过属性绑定和事件绑定进行通信。
- 注入器负责将依赖项注入到组件中。
- 模块包含不同的元素，如值、函数、服务、组件等。
- 路由器用于在不同路由之间导航，访问路由时会适配视图并渲染相应组件，使用时需导入 Router NgModule 。

官方架构概述可参考： https://angular.io/guide/architecture

2. 核心 Angular 概念

2.1 模块

模块和 NgModule 装饰器有助于代码的复用和封装，可将应用分解为多个功能集，并封装/隔离不同部分，类似于 Java 中的包或 .NET 中的命名空间。但要注意，ES2015/TypeScript 模块与 NgModule 装饰器不同，具体差异可查看： https://angular.io/guide/ngmodule-vs-jsmodule 。

通常会创建所谓的特性模块，可参考：