Angular 4 - 在對話框中將子變量傳遞給父變量？

Question

我有一個對話框打開子組件父組件：

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

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

      this.dialogRef = null; 
     }); 
    } 

如何使用的子組件修改的定義和使用的變量/要傳遞到母部件？

Answer 1

你的問題涉及到角的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 
    } 
} 

---