将单击事件绑定到具有角度特定类的按钮

Question

根据要求我必须记录具有特定类的所有按钮的用户事件单击操作，为了实现这个需要将click事件绑定到所有按钮也必须从所有按钮触发相同的功能组件。

我如何实现这一目标。

使用物化按钮。

Answer 1

使用该类创建一个带选择器的指令并监听点击次数：

@Directive({
    selector: '.i-watch-clicks'
})
class MyClickBinder
    @HostListener('click', ['$event']) onClick($event){
        console.info('clicked: ' + $event);
    }
}