Question

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

我尝试了以下方式：

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


 export class DrawerMenuComponent implements OnInit {


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

    ....

我需要去＆＃34; DrawerMenuComponent＆＃34; component＆＃34; DialogLoginSignupComponent＆＃34;和＆＃34; AppHeaderComponent＆＃34;

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

THX！

Answer 1

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

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

如果您想了解更多详情，请在此处查看文件modal.component.ts：Github link

传递更多数据@input angular 2

1 个答案: