angular - 传递更多数据@input angular 2

Question

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

我尝试了以下方法：

<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”

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

谢谢！

Answer 1

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

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

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