Angular2渲染setElementStyle不工作

Question

這是我的組件元數據：

@Component({ 
    moduleId: module.id, 
    selector: 'si-attribute-directive', 
    template: ` 
     <div myHighlight [customColor]="'red'">Highlight Me..</div> 
     <br> 
     <div myHighlight>Highlight Me Too..</div> 
    `, 
    directives: [MyHighlightDirective] 
}) 

這是我的指令：

import { Directive, ElementRef, OnInit, Renderer, Input } from '@angular/core'; 

@Directive({ 
    selector: '[myHighlight]' 
}) 
export class MyHighlightDirective implements OnInit { 
    private _defaultColor : string = "green"; 
    @Input() customColor:string; 
    constructor(private _elRef:ElementRef, private _renderer:Renderer) { } 

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

它得到的錯誤：「無法設置屬性‘背景顏色’未定義」。

Answer 1

問題是你傳遞的不是本地元素。試試這個：

this._renderer.setElementStyle(this._elRef.nativeElement, 'background-color', this.customColor || this._defaultColor);