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を持っています。

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

はPlunkr例をチェックしてください：あなたは、あまりにも、argsを指定する必要が

Answer 1

https://embed.plnkr.co/eNXEdb/（"こんにちは角度"をクリックして、コンソールを開きます）。