我希望复合对象在单击按钮时从我的组件发送到指令

如何解决我希望复合对象在单击按钮时从我的组件发送到指令

我想在单击按钮时将数据从我的组件发送到指令：

这是我的自定义指令：

my.directive.ts：

import {..}
@Directive({
selector: '[descarga-fichero]',})
export class DescargaFicheroSgticDirective {   
    @Input("descarga-fichero") infoFicheroModel: FicheroModel;
    @Output() onEventDirectiveValue = new EventEmitter();

@HostListener('click',['$event']) manejadorDelClick() {     
    this.descargarFichero();       
}
constructor() { }

descargarFichero() {
    // some stuff with infoFicheroModel object
}

这是我的组件：

my.component.html

<button [descarga-fichero]="infoFicheroModel" 
        (click)="compositeInfoFicheroModel()">
Descargar Informe 
</button>

我希望当按钮被点击时，接收指令的“infoFicheroModel”对象被填充，但不是之前。发生的情况是，当我单击按钮时，指令的主机侦听器触发，然后“compositeInfoFicheroModel ()”方法触发。我不知道怎么做，当单击按钮时，首先触发“compositeInfoFicheroModel()”方法，然后将其发送给指令。