老师, 标签中怎么通过 innerHTML 嵌入组件 ?

来源：17-2 二维码扫描功能实现

Levi_咸鱼

2018-01-16

我想在<div [innerHTML]="innerHtml"></div>中动态的配置页面, 当我嵌入html标签时,可以显示出来; 但是换成ionic 组件就显示不出来了;

代码如下:

html中

<ion-content>

  <div [innerHTML]="innerHtml"></div>

</ion-content>

ts中,当 this.innerHtml = '<p>abc</p>' 为标签时,可以显示出来

export class AboutPage extends Baseui {

  public innerHtml;

  constructor(public navCtrl: NavController,public appConfigs: AppConfigProvider) {
    super();

    this.innerHtml = '<p>abc</p>'
  }

当我 this.innerHtml = '<button ion-button block ></button>';时, button组件在页面中没有加载出来

export class AboutPage extends Baseui {

  public innerHtml;

  constructor(public navCtrl: NavController,public appConfigs: AppConfigProvider) {
    super();

    // this.innerHtml = '<p>abc</p>';
    this.innerHtml = '<button ion-button block ></button>';
  }