如何在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;
}