角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>

parent.component.ts

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

---