Ionic2 Angular2 - 如何使用TypeScript将组件添加到div

Question

我创建了一个组件＆＃34; test＆＃34;使用Ionic 2 CLI，我想知道如何从 HomePage.ts 动态地将此组件添加到 #componentContainer 主页。

这是测试组件：

import { Component } from '@angular/core';

@Component({
  selector: 'test',
  templateUrl: 'test.html'
})
export class TestComponent {

  text: string;

  constructor() {
    console.log('Hello TestComponent Component');
    this.text = 'Hello World';
  }
}

这是我的主页：

<ion-content padding>
      <div #componentContainer>

      </div>
</ion-content>

这是HomePage.ts

import { Component, ViewChild, ViewContainerRef, ComponentFactoryResolver} from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public navCtrl: NavController) {

  }

  ngOnInit() {

  }
}

无法在任何地方找到答案......