如何分量值传递到自定义指令主机听者angular2

Question

我想从我的HTML模板传递模型的价值我的自定义指令：

@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方法使用THIS.VALUE结合

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

Answer 2

我只是用{{model.EmailAddress}}和有效。

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