2023-6-5｜初识Angular框架

Angular 是一种流行的前端应用程序开发框架，由Google开发和维护。它采用了一种组件化的架构方式，用于构建单页应用（SPA）和响应式 Web 应用。

以下是 Angular 架构的主要组成部分：

1. 组件（Components）：组件是 Angular 应用的基本构建块，用于实现用户界面的不同部分。每个组件都由 HTML 模板、CSS 样式和与之相关的 TypeScript 类组成。组件可以包含其他组件，形成组件树结构。

2. 模块（Modules）：模块用于组织和封装应用中的不同功能模块。Angular 应用通常由多个模块组成，每个模块都有自己的功能和责任。根模块是应用的主模块，用于引导整个应用。

3. 服务（Services）：服务是用于共享数据和执行业务逻辑的可重用代码块。它们提供了一种在组件之间共享数据和功能的机制。服务可以被注入到组件中，并通过依赖注入的方式进行使用。

4. 路由（Routing）：路由用于实现基于 URL 的导航和页面切换。它允许用户在不同的视图之间进行导航，并根据不同的 URL 加载不同的组件。

5. 数据绑定（Data Binding）：Angular 提供了丰富的数据绑定机制，用于将组件中的数据与模板进行绑定。数据绑定可以实现单向绑定和双向绑定，使数据在组件和视图之间保持同步。

6. 指令（Directives）：指令是用于扩展 HTML 元素和属性的特殊标记。Angular 提供了内置的指令，例如 ngFor、ngIf 等，还可以创建自定义指令来实现特定的行为。

7. 表单处理（Forms）：Angular 提供了强大的表单处理机制，用于处理用户输入和表单验证。它支持模板驱动和响应式两种形式的表单处理。

Angular 的架构采用了模块化、组件化和服务等概念，旨在提供可维护、可扩展和高性能的前端应用开发体验。它还提供了丰富的工具和生态系统，用于构建复杂的现代 Web 应用。

如何开始运行一个Angular系统：

1. 当前Mac系统安装angular需要先下载node.js，angular12所需最低版本是12.14.0，可用终端指令自查node.js版本

node -v

2. 版本落后，需要去node.js官网下载新版，官网网址：Mac版v18.16.0 符合要求则跳过此步。

3. 运行angular系统需要在本地安装angular，安装指令

npm install -g @angular/cli

4. 安装结束，打开代码，在终端输入如下指令配置环境

npm i

5. 使用如下指令运行系统

npm start