使用angular 2渲染器和使用nativeElement之间的区别

Question

我想知道这段代码有什么区别：

export class SomeDirective implements OnInit {

    constructor(private _elRef: ElementRef){}

    ngOnInit(): any {
        this._elRef.nativeElement.style.backgroundColor = 'green';
    }
}

还有这个：

export class SomeDirective implements OnInit {

    constructor(private _elRef: ElementRef, private _renderer: Renderer){}

    ngOnInit(): any {
        this._renderer.setElementStyle(this._elRef, 'background-color', 'green');
    }
}

我知道第二个比第一个有一些优势，我只需要知道这些优点具体是什么。

Answer 1

我的理解是Renderer是Angular2中的抽象。 这意味着根据执行上下文插入专用实现。 例如，在浏览器中，使用Web worker，从服务器端...

事实上，当DOM API不可用时，存在上下文。 我认为Web工作者和服务器执行。

看到这个问题：

• Angular2：ElementRef nativeElement vs querySelector性能