nothing happens on click

Question

const link = '<a href="javascript:void(0);" (click)="redirectToPage(store)" class="btn grey">' + displayText + '</a>';

When I am clicking on the button in the page than nothing happens. Where am I getting wrong? I am using angular 7.

redirectToPage(store){
alert('take me to store');
}

Angular transpile to javaScript changing the name of the "functions", so you can not do it using this aproach. You can use renderer2 — Eliseo, Sep 06 '19 at 08:13
Some interesting solution can also be found [here](https://stackoverflow.com/questions/48817261/click-event-not-work-in-innerhtml-string-angular-4/48817568). But maybe you should ask why your html is inside a string (there's some design problem here) — Christian Vincenzo Traina, Sep 06 '19 at 08:17

Adrita Sharma · Accepted Answer · 2019-09-06T07:50:10.350

0

Try like this:

import { DomSanitizer } from '@angular/platform-browser';

export class AppComponent {

  constructor(private sanitizer: DomSanitizer) {

    Window["AppComponent"] = this;
    this.link = this.sanitizer.bypassSecurityTrustHtml('<a href="javascript:void(0);" onClick="Window.AppComponent.redirectToPage(`store`)" class="btn grey">' + this.displayText + '</a>');
  }

  displayText:any = "ABC"
  link 

  redirectToPage(store) {
    alert('take me to store');
  }
}

See Stackbiltz Demo

edited Sep 06 '19 at 07:50

answered Sep 06 '19 at 07:33

Adrita Sharma

21,581
10
69
79

didn't work for me. – Sep 06 '19 at 07:35
1

Modified the answer, Please check again – Adrita Sharma Sep 06 '19 at 07:48

nothing happens on click

1 Answers1