import { Component, Injectable, ViewChild, ViewContainerRef, AfterViewInit } from '@angular/core'; import { CompileHtmlService } from '../../../src/CompileHtmlService'; @Component({ selector: 'p3x-ng2-compile-html', template: ` faszomba <div #container></div> `, }) @Injectable() export class Page implements AfterViewInit{ @ViewChild('container', {read: ViewContainerRef}) container: ViewContainerRef; constructor( private compileHtmlService: CompileHtmlService ) {} alert(string: string ) { alert(string); } ngAfterViewInit() { this.compileHtmlService.compile({ template: `<a href="javascript:void(0);" (click)="ref.alert('ok')">If click works it says OK!</a>`, container: this.container, ref: this, }) } }