angular - 使用 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 不可用。我考虑网络 worker 和服务器执行。

看到这个问题:

• Angular2: ElementRef nativeElement vs querySelector performance