如何从父组件的变量中设置模板？角度2，离子2

Question

我有2个组件。孩子和父母。在父组件中，我有一个包含儿童模板的变量。

如何从变量设置子组件的模板？

＆＃13;

＆＃13;

@Component({
   template: "<button (click)='showChildComponent()'></button>"
})

export class parentComponent{
  variable = "<div>Hello world</div>";

  constructor(params: NavController)
  {

  }

  showChildComponent()
  {
    this.nav.push(ChildComponent, {template: this.variable});
  } 
}

＆＃13;

＆＃13;

＆＃13;

子：

＆＃13;

＆＃13;

@Component()

export class ChildComponent{
   constructor(params: NavParams)
   {
       let template = this.params.get('template');
   }
}

＆＃13;

＆＃13;

＆＃13;