Ionic framework 在ionic应用程序上显示JSON对象中的html元素

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

有人能帮我吗

细节

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

this.questionsData[i].question_type.title=“”；

detail.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>

{{问题.标题}


正文：{{问题.问题类型.标题}

它不应该是文本下面的输入框吗：，有人知道为什么不渲染吗

---

感谢

InnerHtml只能在运行时帮助呈现纯html代码，您不能使用ionic组件使用InnerHtml动态呈现。我认为您需要在这里使用DynamicComponentLoader特性。您可以在该功能的用例上参考此链接，您的方法需要更改，不要在组件块中包含html标记，而是将参数添加为json数据并在组件中设置。然后可以在模板视图中插入标记。 例：

在组件上：

this.inputDataArray = [{"title":"What cartoon do you like to watch?", "name":"inp1","placeholder":"short answer"},{"title":"What movie do you like to watch?", "name":"inp2","placeholder":"short answer"}];

鉴于：

       <ion-item  *ngFor="let question of inputDataArray">
          {{question.title}}
          <br>
          Text : <input name={{question.name}} placeholder={{question.placeholder}} />
          <br>

    </ion-item>

{{问题.标题}


正文：

这只是一个参考，希望对我有所帮助

<div [innerHTML]="data.text"></div>

非常感谢，这种方法对我来说更干净了，我现在也使用*ngIf，所以模板是在html文件上完成的，而不是在ts文件上完成的。很高兴听到这个消息：）