传递更多数据@input angular 2答案

【问题标题】：Passing more data @input angular 2传递更多数据@input angular 2
【发布时间】：2017-07-08 16:20:03
【问题描述】：

我们如何将多个组件切换到另一个组件？我需要使用“双向数据绑定”。

我尝试了以下方法：

<app-drawer-menu [popup]="getPopupInstance" [appHeader]="getAppHeaderInstance"></app-drawer-menu>


 export class DrawerMenuComponent implements OnInit {


    @Input() private popup: DialogLoginSignupComponent;
    @Input() private appHeader: AppHeaderComponent;

    ....

我需要去“DrawerMenuComponent”组件“DialogLoginSignupComponent”和“AppHeaderComponent”

这不起作用。我哪里错了？

谢谢！

【问题讨论】：

不清楚你要做什么
你想要什么具体的？
输入用于将数据传递给子组件。不是其他组件的实例。这就是我能说的，因为我同意马克西姆斯的观点：不清楚你想做什么。

标签： angular input two-way-binding

【解决方案1】：

如果您想这样做，您必须使用服务并将要使用的组件类名称传递给您的子组件。然后，使用ComponentFactoryResolver 来创建这样的组件：

let factory = this.cfr.resolveComponentFactory(MyComponent);
this.cmp = this.modalBody.createComponent(factory);

如果您想了解更多详细信息，请查看 modal.component.ts 文件：Github link

【讨论】：