Angular 系列文章目录

Photo by Birmingham Museums Trust on Unsplash

Angular 系列文章是我在 Angular 使用过程中对 Angular 中概念、基本用法的一些理解与总结。这里的文章都是我实验论证反复修改的结果,若有转载烦请标明出处。

目录

一、模块

一个 Angular 应用是如何组织的。我在Angular 模块漫谈做了详细解答。

二、组件

组件数据传递

若把传入组件的方向定义为数据的入方向,那么传出组件的方向就可以称为数据的出方向。我在 数据传递的“出”方向 —— @Input数据传递的“入”方向@Output 中介绍了 Angular 中最基本最常用的组件间传递数据的方法。

组件视图传递

Angular 组件投影。它和 @Input @Output 的差别在于,前者解决了组件之间视图传递的问题,而后者解决了组件中变量的传递问题。本文阐述了这种差别,并介绍了投影的用法。

组件元素操纵

@ViewChild/@ContentChild 是Angular 中获取元素引用的两种方式。在此文中我对其中的重要选项 static 和 read 做了解读。

三、路由

路由快速教程。快速复习路由的知识点以及一些细节。

路由匹配教程。路由匹配的两种方法 prefix 与 full 以及一些细节。

Angular Resolver 教程。Resolver 负责业务数据的抓取,在组件渲染之前拿

到数据。

四、指令

Angular 指令快速入门。什么是 Angular 指令,如何设计指令。我在这篇文章中做了解答。

Angular NgIf 指令原理。内建指令中,NgIf 算是比较简单的一种。理解它,可以掌握构造指令的基本方式。

Angular 指令之 NgFor 教程。NgFor 是相对复杂一点的 Angular 指令。这篇文章中我主要介绍了一下 NgFor 的基本用法以及 trackBy 函数的使用。

五、依赖注入

Angular 中 forRoot 方法与依赖注入息息相关。在 Angular forRoot 详解 中我详细分析了 forRoot 要解决的问题。

六、视图

Angular 中 View 的那些事儿。视图是什么,MVVM 是什么?Angular 如何把视图组织起来形成应用,我在这篇文章里做了解答。

七、变更检测

Zone.js 入门。 Zone.js 是 Angular 变更检测的基础。这篇文章中我用几个小例子说明了如何使用 Zone.js 。

Zone.js 源码初探。在了解 Zone.js 的基本使用之后,我从源码的角度分析了它的工作原理,想要了解更多一些的朋友可以看我这篇文章。

源码角度理解 Angular 变更检测。Angular 变更检测如何实现,这篇文章应该对你有所启发。

八、高级应用

Angular 动态创建嵌入式视图。如何使用 TS 代码动态的生成一个页面片段,Angular 下如何操作。这篇文章解释了这个问题。

《Angular 系列文章目录》上有2条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注