天天看点

Angular Component 的 renderer 创建机制以及 Angular 版本号的确定方式

我的 Angular 应用里,有一个 selector 为 app-root 的 Component:

Angular Component 的 renderer 创建机制以及 Angular 版本号的确定方式
Angular Component 的 renderer 创建机制以及 Angular 版本号的确定方式
Angular Component 的 renderer 创建机制以及 Angular 版本号的确定方式
Angular Component 的 renderer 创建机制以及 Angular 版本号的确定方式
Angular Component 的 renderer 创建机制以及 Angular 版本号的确定方式
Angular Component 的 renderer 创建机制以及 Angular 版本号的确定方式
Angular Component 的 renderer 创建机制以及 Angular 版本号的确定方式

通过合适的方法,使用 Angular 构建的应用,可复用在多种不同平台的应用上 —— Web、移动 Web、移动应用、原生应用和桌面原生应用。

为了能够支持跨平台,Angular 通过抽象层封装了不同平台的差异。比如定义了抽象类 Renderer2 、抽象类 RootRenderer 等。此外还定义了以下引用类型:ElementRef、TemplateRef、ViewRef 、ComponentRef 和 ViewContainerRef 等。通过模板变量、@ViewChild 等方法获取DOM元素。

继续阅读