如何使自定义指令执行由Angular中的参数传递的函数？

问题描述

我想创建一个侦听某个事件的指令，然后执行某个功能，换句话说，我想创建一个自定义指令，使其行为类似于angular中的任何事件指令。例如：（单击），（鼠标）等。

@Directive({
  selector: '[myEvent]',})
export class MyEventDirective {
  @HostListener('click',['$event']) 
  onClick(e) {
    //do something
    }
  }
}

这是我发现的，但是我想要的是，当监视事件时，指令执行一些代码，就像您将得到的那样：

<button (click)="myFunction(param1,param2)"></button>

但具有：

<button (myEvent)="myFunction(param1,param2)"></button>

如果您想知道我要制作什么已经真正完成的东西，我会说我根据该指令的最终目标是听不同的事件，具体取决于

window.innerWith

属性，用于响应式UX设计。

我认为这可能是一个琐碎的问题（甚至是虚拟问题），但是我没有找到任何有用的信息。任何帮助将不胜感激。谢谢：）

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）