Angular框架中，如何详细解释视图抽象的概念及其定义？

本文共计2597个文字，预计阅读时间需要11分钟。

前言：作为大型前端项目而设计的前端框架，Angular 具有众多值得参考和学习的特性设计。本系列主要围绕 Angular 中与视图有关的一些特性展开，探讨这些设计和功能的实现原理。

前言

作为“为大型前端项目”而设计的前端框架，Angular 其实有许多值得参考和学习的设计，本系列主要用于研究这些设计和功能的实现原理。本文主要围绕 Angular 中与视图有关的一些定义进行介绍。

Angular 中的视图抽象

Angular 版本可在不同的平台上运行：在浏览器中、在移动平台上或在 Web Worker 中。因此，需要特定级别的抽象来介于平台特定的 API 和框架接口之间。

Angular 中通过抽象封装了不同平台的差异，并以下列引用类型的形式出现：ElementRef，TemplateRef，ViewRef，ComponentRef和ViewContainerRef。

各抽象类视图定义

在阅读源码的时候，如果不清楚这些定义之间的区别，很容易搞混淆。所以，这里我们先来理解下它们之间的区别。

元素 ElementRef

ElementRef是最基本的抽象。