Как визуализировать динамический HTML в Angular

Question

Как отобразить динамический HTML внутри {{ name }}?

let fname="faisal";
data1="<h1>{{fname}}</h1>";

let lname="Khan";
data2="<h1>{{lname}}</h1>";

Как получить вывод, как это: {{ data1 }} {{ data2 }} = faisal khan

Answer 1

Вы можете отобразить свое полное имя без данных1, данных2

Если у вас есть data1, data2, вам нужен стиль для h1 display: inline-block

<h1>{{fname}} {{lname}}</h1>

Демо https://stackblitz.com/edit/angular-pcw58e