Two things I'd like to point out:
<input id="tenantPhotoID" type="file" #photoInput >
<button type="button" (click)="photoInput.click()" >
Hi, Matteo! I am not - by any means - an expert in Angular but I just want to help other developers who may be lost right now looking for solutions by sharing mine. :-) Thanks for these pointers!
This was exactly what I was looking for! Much appreciated.
Same over here... :)
In this case you've missed $event.stopPropagation(), which could be important in some cases.
So, method still can make sense in this case if you'd like to keep your html clean.
Mine resulted to 'ERROR TypeError: Cannot read property 'click' of undefined'. Did I missed out something?
Hello, sadly i switched to Vue a long time ago so i may be a bit behind current Angular, but if you get that error it appears that you forgot to add to the input the reference attribute #photoInput.
Just tested it here and the code appears to be working as originally wrote:
stackblitz.com/edit/angular-playgr... ( checkout hello-framework/hello-framework.component.html )
We're a place where coders share, stay up-to-date and grow their careers.
We strive for transparency and don't collect excess data.