java一个界面用另一个界面的值_如何将参数/值从一个弹出窗口传递到Angular2中的另一个弹出窗口...

我在Angular2中有一个要求，我需要打开第一个弹出窗口，用户会输入一些值 . 在某些用户事件(即按钮单击)上，我需要关闭该弹出窗口并打开另一个弹出窗口，其中包含用户在第一个弹出窗口中输入的值 .

我创建了一个plunker，我创建了一个Login组件，这是我的第一个弹出窗口，Home组件是第二个弹出窗口 . 在输入用户凭据时，它应导航到主组件 . 我有点震惊，即如何将用户名值从第一个弹出窗口传递到第二个弹出窗口，还有如何关闭第一个弹出窗口并加载第二个弹出窗口？

任何人都可以帮我解决这个问题，让我知道我的plnkr需要做些什么改变？

export class LoginModal implements CloseGuard, ModalComponent {

context: CustomModalContext;

public username: string;

public password: string;

constructor(public dialog: DialogRef, public modal: Modal) {

this.context = dialog.context; // this is the dialog reference

dialog.setCloseGuard(this);

}

openHome()

{

return this.modal.open(HomeModal, overlayConfigFactory({ username }, BSModalContext));

}

}