如何使功能成为指令,我必须在其他组件中使用它

时间:2018-12-10 11:10:54

标签: html css angular

如何使它成为指令,我必须在其他组件中使用它。 现在它在一个组件中,但是我也必须在其他组件中使用它。

onFileChange(event) {
    if (event.target.files && event.target.files[0]) 
      var reader = new FileReader();

      reader.readAsDataURL(event.target.files[0]); 

      reader.onload = (event) => { 
        this.myprofile.Photo = event.target['result'];
        
      }
    }
<input #inputFile type="file" (change)="onFileChange($event)" style="visibility: hidden;"/>

1 个答案:

答案 0 :(得分:0)

<input [funCtionDirective]="@someValues@" type="file" (change)="onFileChange($event)" style="visibility: hidden;"/>

您可以创建一个自定义指令并将所需的值传递给它,如上。然后您可以通过该指令调用中的@Input装饰器对其进行访问