Angular2將元素添加到元素

Question

如何在元素創建時向元素添加屬性？

我嘗試以下儀表板組件：

import { Component, ElementRef, Renderer } from '@angular/core'; 

@Component({ 
    selector: '[re-dashboard]', 
    templateUrl: './dashboard.component.html', 
    styleUrls: ['./dashboard.component.scss'] 
}) 
export class DashboardComponent { 

    constructor (private _el: ElementRef, private _renderer: Renderer) { 
    _renderer.setElementAttribute(_el, 're-component',''); 
    } 
} 

我想re-component屬性添加到div正在創建DashboardComponent時。然後，我使用re-component來創建創建的div。不過，我得到以下錯誤：http://pastebin.com/up35zmUv

任何想法

問候

Answer 1

試試這個：

@Component({ 
    selector: '[re-dashboard]', 
    templateUrl: './dashboard.component.html', 
    styleUrls: ['./dashboard.component.scss'], 
    host: { 
     "re-component": "", 
    } 
}) 
export class DashboardComponent {}