How to make the file name appear next to the Input type of file while editing?

<input type="file" #file [(ngModel)]="model.Profile" (change)="upload($event, 'Profile')" class="form-control" id="Profile" name="Profile" required />

.getFiles(Id)
        .subscribe((s: any) => {
          this.model = s;
}

Now the this.model is populated with the data and everything and every field works. Even the data in model.Profile is populated but on the UI the name of the file next to the input doesn’t appear like the way it appears when we normally upload. How to make that happen?

It’s a template driven form.