Angular2 구성 요소 ElementRef가 작동하지 않습니다.

Question

HTML에서 값을 전달할 수있는 각도 2의 구성 요소를 만들고 싶습니다. 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 요소를 확인할 수있는 경우 테스트이지만, 그것은 작동하지 않습니다.

나중에 내가

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

오류 나는 점점 오전처럼 HTML에서 변수를 얻을 수 있도록 내가 최근에 출시 된 2.0.0 버전을 사용하고 있습니다

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

되고 싶어 (RC하지)

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'; 
} 
}