Angular 2: функции / методы по щелчку внутри динамического шаблона (динамический компонент)

Следуя примеру ниже:

Как я могу использовать / создать динамический шаблон для компиляции динамического компонента с Angular 2.0?

Я разработал собственный генератор шаблонов, который получает содержимое HTML напрямую из переменной. Вот:http://plnkr.co/edit/2Sv1vp?p=preview

Теперь мой вопрос ... если содержимое шаблона должно взаимодействовать с компонентом, например, с функцией, выполняемой при нажатии ... как я могу это сделать?

Здесь мой app.component.ts

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

@Component({
  selector: 'my-app',  
  template: `
    <div>
      <h2>An app with DYNAMIC content</h2>
      <hr />
      <dynamic-detail [tmpl]="tmpl1" [entity]="entity"></dynamic-detail>
      <dynamic-detail [tmpl]="tmpl2" [entity]="entity"></dynamic-detail>
    </div>`,
   })
   export class AppComponent { 
     private tmpl: string;
     private entity: any;

     constructor() {
       this.entity = { 
         code: "ABC123",
         description: "A description of this Entity",
         nome: "Bea"
       };

       this.tmpl1 = '<h2>Sono {{entity.nome}}, il primo template</h2>';
       this.tmpl2 = '<a (click)="printSomething()">Sono il secondo template</a>';
      }

    printSomething() {
      console.log("Hello World");
    }
}

Когда я пытаюсь нажать на «Шаблон Sono il secondo», он должен выполнитьprintSomething() функция, но вместо этого я получаю эту ошибку:

 Error in ./CustomDynamicComponent class CustomDynamicComponent - inline template:0:0 caused by: self.context.printSomething is not a function

Ответы на вопрос(1)

Ваш ответ на вопрос