Как узнать, запускается ли угловое событие 4 клика с помощью инструментов разработчика Chrome?

Question

У меня есть следующий HTML-тег на моей странице app.component.html

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

но когда я загружаю эту страницу в свой Chrome и смотрю HTML в инструментах разработки Chrome, то это показано ниже

<a routerlink="/route/show" style="border-style: solid; padding: 5px 50px 5px 50px;" ng-reflect-router-link="/route/show" href="#/route/show">Show Details</a>

Почему он не показывает мой (click)=='clicked=0' в инструментах разработчика Chrome. Есть ли что-то, что я скучаю, чтобы увидеть это, я использую угловой 4. Спасибо.

Answer 1

Во время компиляции (click) привязка события преобразуется в прослушиватель событий и больше не отображается как атрибут, как в:

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

Точно так же, как ваш routerLink превращается в ng-reflect-router-link

Если вы откроете инструменты разработчика, осмотрите элемент, а затем откроете вкладку " Прослушиватели событий ", вы увидите, что событие было связано, и вы можете проследить его до (наиболее вероятной) анонимной функции, которая была сгенерирована для обработки clicked = 0,

Answer 2

он показывает код zone.js вместо фактического кода