dialogref.afterclosed() 结果为空 Angular 8

Question

我想将数据从我的对话框传递到父组件，但结果为空。这是我的对话框模板：

<mat-form-field class="example-full-width">
      <input [(ngModel)]="data.animalData" matInput placeholder="Favorite food" value="Sushi">
</mat-form-field>

这里是我的父组件 ts :

export interface DialogData {
  aze:any;
}

openDialog(az:any) {
  let dialogRef = this.dialog.open(MyDialogComponent, {
    width: '100px',
    data: {aze:this.az}
  });
  dialogRef.afterClosed().subscribe(result => {
    this.azz = result;
  })
}

我想将 data.animalData 传递给结果，但结果是空的。

Notice that : console.log(this.data.animalData); is not empty in the dialog component.

Answer 1

只需将返回值添加到按钮的 mat-dialog-close 属性中，如下所示：

<button mat-raised-button [mat-dialog-close]="data.animalData" type="button" class="Discard-btn">
    Cancel
</button>

dialogref.afterclosed() 结果为空 Angular 8

dialogref.afterclosed() result is empty Angular 8

typescript

angular

angular8