Можно ли визуализировать HTML, содержащий {{binding}}, используя [innerHTML]

Question

Допустим, у меня есть такая строка

html = "<p>Hello <b>{{name}}</b></p>"

Можно ли экстраполировать {{name}} при использовании его в [innerHTML]

<input type="text" [(ngModel)]="name">

<div [innerHTML]="html | safeHtml"></div>

чтобы имя связывалось внутри innerHTML?

PS: Мой html на самом деле является шаблоном электронной почты, который я получаю от моего бэкэнда, поэтому я не могу поместить свой html в мой component.html, если хочу включить привязку.

Answer 1

Используйте обратные кавычки для доступа к variable в конкатенации строк, как это,

html = `<p>Hello <b> ${name}</b></p>`