Angular Render2

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 GoWildDirective