两个分量间的角度2通过数据

Question

我想在两个组件之间传递数据，但我的问题是：

我有两个组件，假设一个是‘主’，另一个是‘模式-对话’。

在我的主目录中，我想打开模态对话框，并在不离开主组件的情况下从我的模态对话框中获取数据。

我知道如何使用@Input，但我在我的应用程序中找不到使用它的方法

例如，在我的main.html中，如果我想将数据从main传递到模式，我将使用

<modal-dialog [data]="data"> </modal-dialog>

但是我想做相反的

类似这样的东西

<modal-dialog /*get data from modal when event happens*/ > </modal-dialog> 

模态-对话框将发送给我的主语，例如，如果我关闭它或单击某些按钮。

Answer 1

查找@Output

<modal-dialog [data]="data" (DialogEvent)="processEvent($event)"> </modal-dialog>

在ModalDialogComponent中

@Output()
public DialogEvent = new EventEmitter();

public methodWhichTriggers(){
   this.DialogEvent.emit({id: 1, type: "anything you need"})
}

在MainComponent中，您需要

public processEvent($event){
   console.log($event); //will print {id: 1, type: "anything you need"}
}

Answer 2

有关组件之间各种类型的通信，请参阅这链接。