探索 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 。
通常会创建所谓的特性模块,可参考: