GeGe&YoYo的博客

在Angular中，路由是用于在不同的视图和组件之间导航的机制。Angular提供了一种强大的路由机制来管理单页应用（SPA）中的导航。Angular 路由允许你定义应用的不同视图，并且可以在这些视图之间无缝地切换，而不需要重新加载整个页面。

Angular 服务是 Angular 应用程序中用于封装可重用逻辑的类。服务在应用程序的多个组件之间共享数据和功能，而不依赖于应用程序的UI。服务可以用于诸如数据处理、与后端通信、用户身份验证等任务。Angular 把数据与业务进行了抽离，希望我们能够单一的专注于数据的处理和数据的展示。所以就建立了服务的概念。这里的服务不是后台中的服务，本质是函数的封装。封装很多方法，对数据进行处理和返回。Angular服务通过依赖注入（DI）系统在应用程序中使用。

Angular的组件是构成应用的基础单元，它们封装了HTML模板、TypeScript代码以及CSS样式，以实现特定的功能。组件的目的是为了复用和减少代码的重复度。以下是对Angular组件的详细介绍：组件的组成：HTML模板（Template）：定义了组件的视图结构，用于展示数据并响应用户交互。TypeScript代码（Script）：包含组件的类定义、业务逻辑以及数据模型。

Angular中的管道（Pipes）是一种强大的工具，用于处理和转换数据，并将其呈现在视图中。这些管道可以执行各种任务，如排序、格式化和过滤数据。它们提供了一种方便的方式来在HTML模板中转换数据，使得数据的展示更符合用户的需要。管道的基本用法是，通过声明一个管道类来定义一个管道。在管道类中，通常会有一个transform方法，该方法负责接收输入数据，并将其转换为所需的输出格式。然后，在模板中，可以使用管道操作符将管道应用于数据，从而将数据转换为所需的格式。

ngAfterViewInit()和每次ngAfterContentChecked()之后调用，只适合组件。ngAfterContentInit()和每次ngDoCheck()之后调用，只适用于组件。第一次ngAfterContentChecked()之后调用，只调用一次，只适合组件。用于执行需要在组件内容初始化后执行的逻辑。第一次ngDoCheck()之后调用，只调用一次，只适用于组件。在第一轮 ngOnchanges()完成之后调用，只调用一次。在每次 Angular 完成对组件视图的检查之后调用。

-同时会安装依赖包，执行的命令就是npm i。如果不下载依赖包，执行运行程序会报错。进入到angulardemo 目录下，执行。ng new 项目名称。--不需要安装依赖包。这样就创建好一个项目了。这个就是文件目录结构。

当你运行 npm i -g @angular/cli 时，你就是在全局范围内安装Angular CLI，这样你就可以在任何目录下使用它来创建和管理Angular应用程序。npm可能安装失败建议先用npm安装一下cnpm用淘宝镜像安装。下载完之后，建议关掉当前控制台，重新打开一下再使用。查看cnpm是否安装成功。

用的 NVM 下载，后期可以很方便的管理 Node 版本，推荐这种方式，还有一种方式是直接下载 NodeJS 进行安装，不是很推荐，后期切换版本比较麻烦，需要卸载重装。