swapp1990 swapp1990 - 11 days ago 6
TypeScript Question

How to get html template of an Angular 2 Component?

I have a simple angular 2 component:


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



What is the simplest way I can the html content for my Component back?

Answer

You can use ElementRef. E.g.

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