前言

最近在学习 Angular，一些基础的语法也学习的差不多了，就在 github 上新建了一个代码仓库，准备用 ng-zorro 搭个后台应用的模板，方便自己以后写些小东西时可以直接使用。前端项目，最主要的还是能够实际看到，因此考虑找个地方部署，因为自己的博客是部署到 github page 上的，并且这个项目也只是一个静态网站，所以这里同样选择使用 github page

同时，考虑到发布项目时，虽然使用 github page 已经帮我们省略了拷贝文件到服务器上这一步，但是还是需要自己手动的敲命令来完成项目的发布，因为发布的流程很单一，所以这里选择通过 github action 这个自动化工具来实现程序的自动化部署

代码仓库地址：ingos-admin

预览地址：https://yuiter.com/ingos-admin

Overview

Angular 入坑记录的笔记第七篇，介绍 Angular 中的模块的相关概念，了解相关的使用场景，以及知晓如何通过特性模块来组织我们的 Angular 应用

对应官方文档地址：

• NgModule 简介
• NgModules
• JavaScript 模块 vs. NgModule
• 使用根模块启动应用
• 常用模块
• 特性模块

Overview

Angular 入坑记录的笔记第六篇，介绍 Angular 路由模块中关于路由守卫的相关知识点，了解常用到的路由守卫接口，知道如何通过实现路由守卫接口来实现特定的功能需求，以及实现对于特性模块的惰性加载

对应官方文档地址：

• 路由与导航

配套代码地址：angular-practice/src/router-combat

Overview

Angular 入坑记录的笔记第五篇，因为一直在加班的缘故拖了有一个多月，主要是介绍在 Angular 中如何配置路由，完成重定向以及参数传递。至于路由守卫、路由懒加载等“高级”特性，并不会在本篇文章中呈现

对应官方文档地址：

• 路由与导航

配套代码地址：angular-practice/src/router-tutorial

Overview

angular 入坑记录的笔记第四篇，介绍在 angular 中如何通过 HttpClient 类发起 http 请求，从而完成与后端的数据交互。

对应官方文档地址：

• Angular HttpClient

配套代码地址：angular-practice/src/http-guide

Overview

angular 入坑记录的笔记第三篇，介绍 angular 中表单控件的相关概念，了解如何在 angular 中创建一个表单，以及如何针对表单控件进行数据校验。

对应官方文档地址：

• Angular 表单简介
• 响应式表单
• 模板驱动表单
• 表单验证

配套代码地址：angular-practice/src/forms-overview

Overview

angular 入坑记录的笔记第二篇，介绍组件中的相关概念，以及如何在 angular 中通过使用组件来完成系统功能的实现。

对应官方文档地址：

• 显示数据
• 模板语法
• 用户输入
• 组件之间的交互
• 管道
• 生命周期钩子

配套代码地址：angular-practice/src/components-guide

Overview

angular 入坑记录的笔记第一篇，完成开发环境的搭建，以及如何通过 angular cli 来创建第一个 angular 应用。入坑一个多星期，通过学习官方文档以及手摸手的按教程敲官方的快速上手项目，很像后端，嗯，完美的契合了我这种后端开发人员。

对应官方文档地址：

• 搭建本地开发环境和工作空间
• ng new
• ng serve
• 工作区和项目文件结构

配套代码地址：angular-practice/src/getting-started