Angular 动态创建嵌入式视图

Photo by James Coleman on Unsplash

声明

本篇为 Angular 中相对高级的教程,涉及到了结构性指令、生命周期重要概念。建议这块不熟悉的读者可以看看 Angular 结构型指令 NgIf 原理 ,这篇文章中我结合源码对 Angular 指令中的黑魔法做了解析。

视图

Angular 中视图是一个重要的概念。从源码角度来看,Angular 中的视图是包含页面结点(DOM)与在此之上的绑定(数据)的结构体,通过视图 Angular 将变量与页面结点进行关联,从而可以在执行变更检测等操作时实现控制层数据与页面结点的联动,这也也是绑定 (binding)这一术语的由来。

继续阅读Angular 动态创建嵌入式视图