CODEWITHSUNDEEP
angularangular7
Faisal khan
Faisal khan

Reputation: 21

How to render dynamic HTML in Angular

How to render dynamic html inside {{ name }}?

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

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

how to get output like this : {{ data1 }} {{ data2 }} = faisal khan

Upvotes: 0

Views: 73

Answers (1)

Hien Nguyen
Hien Nguyen

Reputation: 18975

You can display your full name without data1, data2

If you have data1, data2 you need style for h1 display: inline-block

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

Demo https://stackblitz.com/edit/angular-pcw58e

Upvotes: 0

Related Questions