在Angular 8中,你可以使用Renderer2
来从渲染的组件中返回HTML。以下是一个示例解决方法:
首先,你需要导入Renderer2
和ElementRef
:
import { Component, Renderer2, ElementRef } from '@angular/core';
然后,在组件的构造函数中注入Renderer2
和ElementRef
:
constructor(private renderer: Renderer2, private elementRef: ElementRef) {}
接下来,你可以创建一个方法来返回HTML:
getHTML(): string {
return this.elementRef.nativeElement.innerHTML;
}
在上述代码中,我们使用了nativeElement
属性来获取组件的DOM元素,并使用innerHTML
属性来获取HTML内容。
最后,你可以在模板或组件中调用getHTML()
方法来获取渲染组件的HTML内容:
Rendered HTML: {{ getHTML() }}
请注意,返回的HTML内容将包含组件自身的HTML标记。如果你只想获取组件的内容而不包括组件标记,你可以使用innerText
属性代替innerHTML
属性。
希望以上代码示例能对你有所帮助!