angular - Angular 4 - 在对话框中将变量从子级传递给父级？

Question

我有一个父组件，它在对话框中打开一个子组件：

open() {
        this.dialogRef = this.dialog.open(ItemComponent);

        this.dialogRef.afterClosed().subscribe(result => {

            this.dialogRef = null;
        });
    }

如何使用在子组件中定义和使用/修改的变量传递给父组件？

Answer 1

您的问题与 Angular 的组件交互有关

在这种情况下，您可以@Output()在子组件中使用：

child.component.ts

@Ouput() childForm = new EventEmitter();

constructor() {
}

someFunction() {
  this.childForm.emit('some data variable')
}

parenet.component.html

<child-component (childForm)="getDataFromChild($event)"></child-component>

父组件.ts

public getDataFromChild(event: Event) {
  if (event) {
    // do something
  }
}

---