对多个类似事件使用单个指令

Question

我正在Angular中的一个项目上，用户可以在其中创建，查看和删除与其帐户相关联的某些类型的数据。我具有使用Hostlistener指令的删除功能，并且正在允许用户输入此数据的部分。我不确定最好的处理方法是什么。

当前我有一个

指令

@Directive({
  selector: '[appTeamUpdate]'
})

和主机监听器。

@HostListener('click') doSomething($event) {
    console.log('Source element: ', event.srcElement);

    const elementClass = event.srcElement.className;
    this.deleteTeam(event);
  }

当我唯一的功能是删除团队时，此方法就足够好了，但是我的下一步涉及添加团队，我想知道实现此目标的常规方法是什么。我当时在考虑使用用于提交团队的按钮上的'[appTeamUpdate]'选择器，然后在@HostListener('click')事件中，我将检查单击的元素上的类以找出要调用的函数（更新，删除等。这样做是否有意义？我考虑过对每种功能执行不同的指令，但对我来说似乎有点混乱。还是有其他通常可以完成的方式？ 谢谢。