如何获取Angular 2组件的html模板? [英] How to get html template of an Angular 2 Component?

问题描述

我有一个简单的角度2分量:

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
}

获取组件的html内容的最简单方法是什么?

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

推荐答案

您可以使用ElementRef.例如

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

这篇关于如何获取Angular 2组件的html模板?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！