Question

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

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

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

            this.dialogRef = null;
        });
    }

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

Answer 1

您的问题与Angular的 Component Interaction

有关

在这种情况下，您可以在子组件中使用@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
  }
}

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

1 个答案: