ionic-framework - 在 ionic 应用程序上显示来自 JSON 对象的 html 元素

Question

我一直在尝试从 JSON 对象中嵌入 html 元素，但它目前将 html 显示为原始代码。

有人可以帮帮我吗？

细节.ts

 this.questionsData[i].question_type.title = "<ion-input type=\"text\" placeholder=\"Short answer\"></ion-input>";

细节.html

<ion-item  *ngFor="let question of questionsData">
      {{question.title}}
      <br>
      Text : {{question.question_type.title}}
      <br>
     <div   [innerHTML]="question.question_type.title">
    </div>
</ion-item>

它不是应该是文本下面的输入框吗:，谁知道为什么它没有呈现？

谢谢

Answer 1

InnerHtml 只会帮助在运行时呈现纯 html 代码，您不能使用 ionic 组件使用 innerhtml 动态呈现。我认为您需要在此处以角度使用动态组件加载器功能。您可以引用此链接了解此功能的用例 https://medium.com/@DenysVuika/dynamic-content-in-angular-2-3c85023d9c36