如何将 html 元素添加到数组 JSON、Typescript、ZC31C335EF37283C1Z1B18 中的值

Question

I want to add some Dynamic data to my Angular Project, I have a JSON file which has the Data and, I am fetching it from typescript and using it in my html. I want to store a HTML element in a value and then use it in my html so, I did it and it just shows me the HTML element in the result, like:
If i write

[
 {
  "element": "<h1>Element<h1>"
 }
]

Then the result in browser is:

<h1>Element<h1>

Instead of showing a h1 Element

Will appreciate a answer!

Answer 1

Try innerHtml

<div *ngFor="let li of list">
  <div [innerHTML]="li.elem"></div>
</div>

ts

  list = [{
    elem: "<h3>Hello</h3>"
  }, {
    elem: "<h3>World</h3>"
  }];

example: https://stackblitz.com/edit/angular-ivy-qbg51b?file=src%2Fapp%2Fapp.component.ts