title: Angular 9 file upload not adding file to formgroup
body: <p>I have created a form group in my HTML for an Angular 9 application. In this form group, there is an upload feature for a file. The upload is working correctly when the handleFileInput function is called, which I can see through the console log under it. However, the file property is still NULL when I send the form group to my service. I understand that this is due to it being set as NULL in my constructor, but how can I change my code so that the file in the form group is set to the file uploaded? From what I have read the form group must be declared in the constructor.</p>
  
  <pre><code>export class HelpComponent implements OnInit {
  
    form: FormGroup;
    srcPage = 'Test';
    fileToUpload: File = null;
  
    constructor(public fb: FormBuilder, private messageService: MessageService,
                public exportFilesService: ExportFilesService) {
  
    this.form = this.fb.group({
          summary: new FormControl('', [Validators.required]),
          description: new FormControl('', [Validators.required]),
          isurgent: [false],
          file: this.fileToUpload
        });
     }
  
    ngOnInit() {
    }
  
    handleFileInput(files: FileList) {
      this.fileToUpload = files.item(0);
      console.log(this.fileToUpload);
    }
  
    submitForm() {
        this.messageService.sendSupportRequest(this.form.get('summary').value , 
        this.form.get('description').value, this.form.get('isurgent').value, 
        this.srcPage, this.form.get('file').value);
        }
      }
  </code></pre>