Para quem não está conseguindo pegar o valor com este código aqui:
<input
formControlName="file"
type="file"
accept="image/*"
(change)="file = $event.target?.files[0]"
/>Segue no próximo comentário uma alternativa.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Para quem não está conseguindo pegar o valor com este código aqui:
<input
formControlName="file"
type="file"
accept="image/*"
(change)="file = $event.target?.files[0]"
/>Segue no próximo comentário uma alternativa.
Para resolver esse problema o nosso HTML ficará assim:
photo-form.component.html
<input
formControlName="file"
type="file"
accept="image/*"
(change)="onChange($event.target)"
>Agora no nosso componente vamos criar essa função onChange:
photo-form.component.ts
onChange(target : any) {
if(target instanceof EventTarget) {
let element = target as HTMLInputElement;
let files = element.files
if (files) {
this.file = files[0]
}
}
}E está pronto!