私は私のカスタムディレクティブに私のHTMLテンプレートからモデル値を渡したいangular2

Question

にカスタム指令ホストリスナーに成分値を渡す方法：

@Directive({ 
    selector: '[eventlistener]' 
}) 
export class EventListener { 
    @Input() value:string = 'Not Defined'; 
    @HostListener('click') 
    onClick() { 
     console.log('You clicked me',value); 
    } 
} 

と私のHTMLテンプレートで：

<button eventlistener (click)="captureClickEvent()" value="model.EmailAddress">test</button> 

現在、それはmodel.EmailAddressを表示しています。評価された値を取得したいと思います（これはコンポーネントにあります）。それを得る方法はありますか？

Answer 1

あなたは、[]の値

<button eventlistener (click)="captureClickEvent()" [value]="model.EmailAddress">test</button> 

のバインディングを使用する必要があるとのonClick方法でIだけ使用される{{model.EmailAddress}} this.value代わりにちょうど値

@HostListener('click') 
onClick() { 
    console.log('You clicked me', this.value); 
} 

Answer 2

を使用し出来た。

<button eventlistener (click)="captureClickEvent()" value="{{model.EmailAddress}}">test</button> 

それは私が本当に問題で、値だけで種類を変更し、タイプを保証しません。このエラー