Как получить DOM-переведенный html с привязками компонента в Angular 7?

Давайте посмотрим на этот простой пример:

@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>

Как я могу этого добиться?