我希望这会起作用,但事实并非如此.

<template [ngTemplateOutlet]="template" [ngOutletContext]="$implicit">

其中template是范围中的字符串变量.所以我实现了这个,但是这不起作用,因为我想要它.

import { Component,AfterViewInit } from '@angular/core';
import { ToastController } from 'ionic-angular';
import { ModalController } from 'ionic-angular';
import { DomSanitizer,SafeHtml} from '@angular/platform-browser';

@Component({
 selector: 'dynamic-report',templateUrl: 'dynamicReport.html',})
export class DynamicReport implements AfterViewInit{
 private _template: string;
 context: any;

 public get template() : SafeHtml {
   return this.sanitizer.bypassSecurityTrustHtml(this._template);
 }

 constructor(public toastCtrl: ToastController,public modalCtrl:ModalController,private sanitizer: DomSanitizer) {
   this._template = "<button (click)='testFunction1('2')'>Click here 2!</button>";
   this.context = this;

 }

  testFunction1(message){
    console.log(message);
  }

  ngAfterViewInit() {

  }

}

HTML：

<template [ngTemplateOutlet]="report" [ngOutletContext]="$implicit">

</template>
<template #report>
  <button (click)='testFunction1("1")'>Click here 1!</button>
  <div [innerHtml]="template"></div>
</template>

结果如下：
我在视图中看到了按钮.
发送消息1的第一个按钮将1输出到控制台.但是,另一个按钮不打印任何消息.

我想在.ts文件中保留templatestring,那么我该如何实现这一点,以便模板可以获得函数的保持？