Angular-01:基本架构

各种学习后的知识点整理归纳，非原创！

① 概述

1. angular是一个使用HTML、CSS、TypeScript构建的客户端应用的框架，用来构建单页面应用程序。
2. 是一个重量级的框架，内部集成了大量开箱即用的功能模块。
3. 是为大型应用开发而设计，提供了干净且松耦合的代码组织方式，使应用程序更易于维护。

---

② NgModule（模块）

1. 即Angular模块。
2. Angular应用由一个个模块组成。
3. NgModule是一组相关功能的集合，是组织代码结构的一种方式。【例：商品、订单。每个功能都可以是一个NgModule】
4. 可以导入其他NgModule的功能，前提是该NgModule被导出了。
5. NgModule是由NgModule装饰器函数装饰的类。

---

③ 组件

1. 用来描述用户界面，由组件类、组件模板、组件样式三部分组成。
2. 组件类：编写组件界面相关逻辑，关联组件模板和样式。
3. 组件模板：编写组件html结构，通过数据绑定标记应用中数据和DOM关联。
4. 组件样式：编写组件外观，可采用css，scss，less等。
5. 组件类是由component装饰器函数装饰的类。

---

④ 服务

1. 放置跨组件共享的数据或逻辑。
2. 目的是解耦组件类中的代码，使组件类中代码干净整洁。
3. 服务的实例对象由angular中内置的依赖注入系统创建和维护。
4. 服务需要被注入组件中使用（通过constructor构造函数参数来获取服务的实例对象）
5. 服务被设计为单例模式，所以服务在组件中可共享数据和逻辑
   【如果某个组件更改了服务内数据，其他使用该服务内的组件数据也会一起更改】