I'm building an app in angular 2. I want to add a click event to a dynamically added html element.
I define a string (contentString), and in this string I define the html element.
var contentString = '<b>' + this.mName + '</b><br/> ' + this.mObject.category + '<br/> Click here for more information <button (click)="navigate()">Navigate here</button>';
This string is put inside a html element like this:
var boxText = document.createElement("div");
boxText.innerHTML = contentString;
Although when I inspect the element, it has the click event defined, but it does not trigger.
on click it should console log
navigate() {
console.log("eeeehnnananaa");
}
But that does not work.
Anyone a solution?
See Question&Answers more detail:
os 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…