<p>Ich habe eine Struktur in meiner Anwendung, in der ich dynamisches HTML erzeuge. Ich füge jeder Benutzeraktion, die über eine Schaltfläche verfügt, ein HTML-Mitglied hinzu. Ich möchte der (Onclick-)Aktion dieser Schaltflächen meine definierte Funktion zuweisen. Wenn ich jedoch auf die Schaltfläche in der HTML-Zeichenfolge klicke, die ich spontan erzeuge, erhalte ich die Fehlermeldung, dass die entsprechende Funktion nicht definiert ist. was mache ich? Meine Funktion;</p> <pre class="brush:php;toolbar:false;">returnButtonGroup(key: string):string{ return '<i onclick="testFunc('' +key + '');" class="fa fa-wrench"></i>' } testFunc(key:string){ console.log(key); }</pre> <p>Ich habe das i-Tag hinzugefügt, indem ich innerHtml in jeder Aktion des Benutzers verwendet habe. Irgendwelche Vorschläge, was ich tun kann? Danke. </p>

returnButtonGroup(key: string): string {
  return `<i (click)="testFunc('${key}')" class="fa fa-wrench"></i>`;
}

<div [innerHTML]="dynamicHtml"></div>

dynamicHtml: string;

constructor() {
  this.dynamicHtml = this.returnButtonGroup('someKey'); // 使用适当的键调用你的方法
}

testFunc(key: string) {
  console.log(key);
}