javascript - 如何从对象渲染 Html 标签？

Question

我有一个项目:

 const obj: any = {
          name: '',
          template: null
        };

我告诉他以下内容

 obj.name = elt.text;
 obj.template = `<p-chart type="line" [data]="data"></p-chart>`;

 this.list = obj;

我想在Html页面上，obj.template被认为是一个html标签，但它认为它是文本

 <div class="col-sm-4 my-3"
   *ngFor="let item of list">
<div class="card">
  <div class="card-header">
    {{ item.name }}
    {{ item.template }}
   </div>
</div>

您是否有解决方案将 obj.template 视为 Html 代码而不是字符串标记？

Answer 1

我认为您正在尝试使用 ngFor与不可迭代的对象。所以它会抛出一个错误。 如果您正在尝试使用数组。如果您使用<div [innerHTML]></div>它不会呈现您的 p-chart 。您需要使用另一个组件来有条件地呈现您的模板。