如何在父组件中添加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((