16、使用 Angular 应用消费服务

使用 Angular 应用消费服务

1. MVC 和 MVVM 模式

MVC 是一种广为人知的设计模式，像 Struts 和 Spring MVC 就是常见的例子。在 JavaScript 世界中：
- Model ：是包含应用数据的 JavaScript 对象，也代表应用的状态。
- View ：是由 HTML 文件组成的展示层，用于显示模型中的数据并为用户提供交互界面。
- Controller ：用 JavaScript 定义，包含应用逻辑。

MVVM 是专门针对 UI 开发的架构设计模式，旨在简化双向数据绑定。双向数据绑定实现了模型和视图之间的同步，模型数据变化会立即反映在视图上，用户在视图上修改数据也会反映到模型中。
- Model ：与 MVC 中的模型类似，包含业务逻辑和数据。
- View ：和 MVC 一样，包含展示逻辑或用户界面。
- View model ：包含视图和模型之间的数据绑定，是视图和模型的接口。

2. Angular 架构

Angular 应用主要由模块（Modules）、组件（Components）和服务（Services）构成，同时还具备路由、指令和依赖注入等特性。

2.1 模块（NgModules）

Angular 没有主方法，而是使用 src/main.ts