Angular2コンポーネントElementRefが動作しない

Question

角度2のコンポーネントを作成して、HTMLから値を渡すことができます。私はElementRefを使用すると思ったが、エラーなしで参照することはできない。

は、ここに私のコードです：

import { Component, ElementRef } from '@angular/core'; 
@Component({ 
    selector: 'my-app', 
    template: ` 
    <p>Hello World</p> 
    ` 
}) 
export class MyAppComponent { 
    constructor(private el: ElementRef) {} 
    ngOnInit() { 
     this.el.nativeElement.style.backgroundColor = 'red'; 
    } 
} 

このコードは、ちょうど私が制御するか、または少なくとも部品のDOM要素をチェックすることができるかどうかのテストのためですが、それは動作しません。

後、私は私が取得していますエラーは、私が最近リリースされた2.0.0バージョン（ないRCを使用しています

Unhandled Promise rejection: Can't resolve all parameters for MyAppComponent: (?). ; Zone: <root> ; Task: Promise.then ; Value: Error: Can't resolve all parameters for MyAppComponent: (?). 

ある

<my-app variable="value"></my-app> 

のようなHTMLから変数を取得することができるようにしたいです）

Answer 1

私のために働く。

import { Component, ElementRef } from '@angular2/core'; 
    @Component({ 
      selector: 'my-app', 
      template: ` 
      <p>Hello World</p> 
      {{title}} 
      ` 
}) 

export class MyAppComponent { 
title: string = "This Text will be in red Color"; 

constructor(private el: ElementRef) {} 
ngOnInit() { 
    this.el.nativeElement.style.backgroundColor = 'red'; 
} 
}