Angular：获取组件方法内的调用者 Html 元素

Question

我正在创建一个日志语句注入器，以便检测已经在 Angular 上编码的前端应用程序，这些应用程序不包含足够的日志语句（例如 console.logs）来跟踪用户与应用程序的交互，在某些情况下为了获得更多信息，我必须在这些应用程序的所有方法中注入日志（我正在使用ts-morph来自动执行此操作），目前我正在插入这种类型的简单日志语句：

methodToTrack(param:any){
//log statement injected
console.log(Date.now()+" methodToTrack(param:any) is called from Component: myComponent.ts");
}

我想添加一些关于如何在用户与模板交互的上下文中调用我的方法的详细信息，以便获得类似的东西：

methodToTrack(param:any){
//log statement injected
console.log(Date.now()+" methodToTrack(param:any) is called from Component: myComponent.ts, the template caller element is buttonID/formID/droplistID...");
}

请记住，这些应用程序的代码已经生成，因此无法在调用任何方法时操纵它们的模板文件（HTML 文件）以发送元素 ID（即(click)="imageClick('association')" => (click)="imageClick('association','buttonID')"这种转换是不可能的），最好避免使用外部模块以防止依赖问题（目前这不是强制性的，但它会是最好避免这种情况）。