typescript - ¿Cómo obtener la plantilla HTML de un componente de Angular 2?

Tengo un componente simple de Angular 2:

@Component({
  selector: 'test-text',
  template: `<p> Text </p>`
})
export class TestComponent {
  constructor() {}      
  getHtmlContent() {return;} //This should return '<p> Text </p>' as a string
}

¿Cuál es la forma más simple en que puedo obtener de vuelta el contenido HTML de mi Componente?

Respuesta #1

Puedes usar ElementRef. Por ejemplo.

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

@Component({
  selector: 'test-text',
  template: `<p> Text </p>`
})
export class TestComponent {
  elRef: ElementRef

  constructor(elRef: ElementRef) {
    this.elRef = elRef;
  }      

  getHtmlContent() {
    //This will return '<p> Text </p>' as a string
    return this.elRef.nativeElement.innerHTML;
  }
}