Angular 2 요소를 클릭하여 이벤트 객체를 가져 오는 방법은 무엇입니까?

Question

특정 앵커 요소에 preventDefault()에 적용 할 지시문이 있습니다.

import { Directive, ElementRef, HostListener } from '@angular/core'; 

@Directive({ 
    selector: '[myDirective]' 
}) 
export class myDirective { 

    constructor(private el: ElementRef) { } 

    @HostListener('click') onClick(event) { 
    event.preventDefault() // event is undefined 
    } 

} 

난 할 노력하고있어이 jQuery를에 기본적으로 :

이 이

$('[my-directive]').click(function (e) { 
    e.preventDefault(); 
}); 

가 어떻게 각도에서 이것을 달성 할 수 있습니까? 각도 4.1.

Answer 1

당신은 역시 args를 지정해야합니다

@Directive({ 
    selector: '[myDirective]' 
}) 
export class MyDirective { 
    @HostListener('click', ['$event']) /* note args array */ 
    onClick(event) { 
    console.log(event); 
    event.preventDefault(); 
    } 
} 

체크 아웃 예를 Plunkr을 : https://embed.plnkr.co/eNXEdb/은 (콘솔이 다음 에 "안녕하세요 각도"을 열기를 클릭합니다).