如何知道angular 4 click事件是否是使用chrome developer工具触发的?

如何知道angular 4 click事件是否是使用chrome developer工具触发的?,angular,angular4-forms,Angular,Angular4 Forms,我的app.component.html页面中有以下html标记 <a (click)='clicked=0' style='border-style: solid; padding: 5px 50px 5px 50px;' routerLink='/route/show'>Show Details</a> 为什么不在chrome开发者工具中显示my(click)='clicked=0'。有什么我错过了看它,我用角4。谢谢。编译时,(单击)事件绑定将转换为事件侦听器

我的app.component.html页面中有以下html标记

<a (click)='clicked=0' style='border-style: solid; padding: 5px 50px 5px 50px;' routerLink='/route/show'>Show Details</a>


为什么不在chrome开发者工具中显示my(click)='clicked=0'。有什么我错过了看它,我用角4。谢谢。

编译时,
(单击)
事件绑定将转换为事件侦听器,不再作为属性显示,如:

<a (click)='clicked=0' ...

每次制作一个函数并在控制台中写入。好的,我会这样做,谢谢您的回复,但是为什么chrome没有显示(单击)='clicked=0'实际上我不明白它的意思。Clicked=0对我来说没有任何意义,因为它没有任何作用。似乎只是一个文本,而
单击
是为了调用某些函数。您只是在单击时执行一行代码,组件中有一个变量。ts端(控制器)称为
单击:编号
,单击时赋值为0。我更喜欢调用函数
(单击)=“onClick()”
。您可以通过定义打印它的函数来显示它。
onClick(){console.log(this.clicked)}
如果您想在设置
clicked=0
时向控制台输出消息,您可以将
clicked
定义为组件类的公共属性,并在该属性的setter中调用
console.log
。在“事件侦听器”选项卡中,它会在单击时显示zone.js事件,而不是给定事件。即使zone.js事件也非常模糊。
<a (click)='clicked=0' ...