click event not working from dynamically generated HTML angular 2

Angular2 doesn't process HTML outside of a components template in any way, therefore it is expected (click)="processAdvise('BAJAJ-AUTO') doesn't work.

onclick="processAdvise('BAJAJ-AUTO')" also won't work when processAdvise() is a method of an Angular2 component because onclick is HTML-only and functions assigned this way are searched in the global JS scope not inside a components class.

<script> tags are remove from Angular2 templates

@Component({
  selector: '...',
  ....
})
class MyComponent {
  constructor(private elRef:ElementRef) {
  }

  addHtml() {
    // add the HTML to the DOM
    this.elRef.nativeElement.querySelector('button').addEventListener('click', (event) => this.handleClick(event));
  }

  handleClick(event) {
    // doSomething();
  }
}

Here is a simple solution I tried and it worked. Assign your component object to Window object in the constructor like the following:

...
constructor(private elementRef: ElementRef, private emService: SomeService) {
Window["myComponent"] = this;}

onClickAJS(){alert('it works!')}
...

Then you can access members of the component from DOM onclick="Window.myComponent.onClickAJS()". Also, you can call it from the browser console like : Window.myComponent.onClickAJS(), should work as well. It is a hackish way. More appropriate way is to create a component for your generated HTML and load it at run time. Here is the article to get you started. dynamic components