如何在 Angular 7 中获取带有组件绑定的 DOM 翻译的 html

Question

让我们看看这个简单的例子：

@Component({
  selector: 'app-favorite-color',
  template: `<p>My favorite color is {{ favoriteColor }}</p>`
})
export class FavoriteColorComponent {
   favoriteColor: string = "red";
   getInnerHTML(){
   }
}

我希望getInnerHTML函数返回：

<p>My favorite color is red</p>

我怎样才能做到这一点？

Answer 1

您可以在构造函数中注入 Element Ref 并访问 nativeElement。

constructor(private el: ElementRef){}
getInnerHTML() {
  return this.el.nativeElement.innerHTML;
}