我的 Angular 應用里，有一個 selector 為 app-root 的 Component：

運行時，基于這個 selector 創建 Component reference：

進而創建 root Component view：

以及 view renderer：

此時app-root節點是空的，沒有任何屬性生成：

給 app-root 設置 hostAttr:

給 Angular 應用設置版本號，版本號從 VERSION 變量里取出：

通過合適的方法，使用 Angular 構建的應用，可復用在多種不同平臺的應用上 —— Web、移動 Web、移動應用、原生應用和桌面原生應用。

為了能夠支持跨平臺，Angular 通過抽象層封裝了不同平臺的差異。比如定義了抽象類 Renderer2 、抽象類 RootRenderer 等。此外還定義了以下引用類型：ElementRef、TemplateRef、ViewRef 、ComponentRef 和 ViewContainerRef 等。通過模板變量、@ViewChild 等方法獲取DOM元素。

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的Angular Component 的 renderer 创建机制以及 Angular 版本号的确定方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。