如何在父组件中添加动态组件的2个实例？

Question

我正在尝试在我们的一个主页面组件中添加2个分页组件实例，以便用户可以从任何一个实例更改分页。在视图中我定义了动态模板，如下所示：

        <ng-template #dynamicPagerMaster></ng-template>

下面提到的逻辑我已经习惯从控制器访问动态分页组件。

            let componentFactory = this.componentFactoryResolver.resolveComponentFactory(PaginationComponent);
        let componentRef = viewContainerRef.createComponent(componentFactory);
        let pagerComp: PaginationComponent = <PaginationComponent>componentRef.instance; 

到目前为止，我能够毫无问题地添加一个实例。任何建议我如何在主页面中添加相同动态组件的2个实例以及如何使它们保持同步？

Answer 1

使用与@Input（）

的双向数据绑定