Попытка получить файл из mat-dialog angular в родительском компоненте

Question

Я пытаюсь получить файл из диалогового окна, в котором есть вход для файлов.Но есть некоторые проблемы.Помогите мне пожалуйста.

Parent component.ts:

export class TimelineComponent implements OnInit {
  cvList = [];
  ngOnInit() {
  }
addCv() {
    const dialogNew = this.dialog.open(NewCvDialogComponent, {
      data: {...this.cvList}
    });

    dialogNew.afterClosed().subscribe(result => {
      if (result) {
        this.cvList.push(result);
      }
    });
  }
 }

Mat-dialog component.html:

<div class="dialog">
  <h2 mat-dialog-title>Attach CV</h2>
  <form fxLayout="column" #form="ngForm">
      <input
        type="file"
        accept=".doc,.docx,.txt,.pdf"
        placeholder="Input file"
        name="input-file"
        [(ngModel)]="data.file"
        (change)="addCV($event)"
        required
      />
  </form>
  <div
    mat-dialog-actions
    fxLayout="row nowrap"
    fxLayoutGap="10px"
    class="actions"
  >
    <button
      mat-raised-button
      color="warn"
      [mat-dialog-close]="false"
      fxFlex="50"
    >
      Cancel
    </button>
    <button
      mat-raised-button
      color="primary"
      [mat-dialog-close]="data"
      cdkFocusInitial
      fxFlex="50"
      [disabled]="form.invalid"
    >
      Save
    </button>
  </div>
</div>

Но если я использую это в результате, я получаю толькоимя файла.Я хочу получить все объекты с именем, размером и т. Д. Как я могу это сделать?

Answer 1

решаемая.В диалоговом компоненте я просто добавляю переменную с введенным файлом и передаю ее родителю, используя [mat-dialog-close]