Angular Render2

Renderer2類是Angular以service的形式提供的抽象，允許操作應用程序的元素而無需直接觸摸DOM。這是推薦的方法，因為它可以更容易地開發可以在沒有DOM訪問的環境中呈現的應用程序，例如在服務器上，web worker，或者原生移動上。

需要注釋的是，現在已棄用原始渲染器服務，而使用Renderer2。

Basic Usage

---

由于Angular指令是修改元素的邏輯構建塊，因此我們經常在自定義指令中使用Renderer2。

下面是一個使用Renderer2的addClass方法將 ‘wild’ 類添加到該指令的元素的簡單示例：

Demo

// go-wild.directive.ts文件import { Directive, Renderer2, ElementRef, OnInit } from '@angular/core';@Directive({selector: '[appGoWild]'
})
export class