title: How to get the file name from File Input @angular/material
body: <p>I try to use the component @angular-material-components/file-input in the project on Angular I look at examples of its use:
  <a href="https://www.npmjs.com/package/@angular-material-components/file-input" rel="nofollow noreferrer">file-input</a></p>
  <pre><code>&lt;mat-form-field&gt;
     &lt;ngx-mat-file-input [formControl]=&quot;fileControl&quot;&gt;
     &lt;/ngx-mat-file-input&gt;
  &lt;/mat-form-field&gt;
  </code></pre>
  <p>ts:</p>
  <pre><code>export class DemoFileInputComponent implements OnInit {
  fileControl: FormControl;
  constructor() {
      this.fileControl= new FormControl(this.files);
    }
   ngOnInit() {
      this.fileControl.valueChanges.subscribe((files: any) =&gt; {
        if (!Array.isArray(files)) {
          this.files = [files];
        } else {
          this.files = files;
        }
        console.log('valueChanges');
      })
  }
  </code></pre>
  <p>Everything works on the form, I select the file, it appears in the input field. But I don't understand how I can get its name and full path in the code? The method this.fileControl.valuechanged.subscribe is not triggered when a file is selected</p>